js中filter函数的用法

百变鹏仔 2天前 #JavaScript

文章标签函数

javascript filter 函数用于过滤数组中符合特定条件的元素，返回一个由满足条件的元素组成的新数组。用法包括：过滤满足简单或复杂条件的元素，以及创建过滤器链。filter 函数不会修改原始数组，回调函数必须返回布尔值，如果未返回布尔值，将会抛出错误。

JavaScript 中 filter 函数的用法

filter 函数是 JavaScript 数组内置方法，用于过滤数组中满足特定条件的元素，返回一个由符合条件的元素组成的新数组。

语法：

filter(callback(element, index, array))

参数：

返回值：

一个包含满足回调函数条件的所有元素的新数组。

用法：

1. 过滤满足简单条件的元素：

const numbers = [1, 2, 3, 4, 5, 6];const evenNumbers = numbers.filter((num) =&gt; num % 2 === 0);

2. 过滤满足复杂条件的元素：

const users = [  { name: 'John', age: 25 },  { name: 'Mary', age: 30 },  { name: 'Bob', age: 18 }];const adults = users.filter((user) =&gt; user.age &gt;= 18);

3. 过滤器链：

const evenAndGreaterThan3 = numbers.filter((num) =&gt; num % 2 === 0).filter((num) =&gt; num &gt; 3);

示例：

以下示例演示了如何使用 filter 函数过滤一个包含学生分数的数组，获取不及格的学生名单：

const scores = [90, 85, 77, 65, 52, 45];const failingScores = scores.filter((score) =&gt; score <p>failingScores 变量将包含以下元素：</p>

注意：

文章推荐

js中filter函数的用法

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？