js中 filter 的用法

2024年1月28日发(作者：)

js中 filter 的用法

关于JavaScript中filter的用法，我们来一步一步回答。

1. 简介：

filter是JavaScript数组的一个高阶函数，用于过滤数组中的元素。它接受一个回调函数作为参数，该回调函数用于判断数组的每个元素是否应该保留在结果数组中。filter函数返回一个新的数组，其中包含满足条件的元素。

2. filter的语法：

(callback(element[, index[, array]])[, thisArg])

其中，array是待过滤的数组，callback是回调函数，element是数组中的元素，index是元素的索引，array是原始数组（可选参数），thisArg是回调函数执行时的上下文（可选参数）。

3. 示例：

假设我们有一个存储学生成绩的数组，我们想要筛选出分数高于80的学生。

javascript

const scores = [85, 90, 76, 92, 88];

const passedStudents = (score => score > 80);

(passedStudents);

上述代码中，我们通过filter函数筛选出了满足分数大于80的学生。结果将会是一个新的数组，其中只有85, 90, 92和88这四个元素。

4. 回调函数：

回调函数是filter函数的核心。它接受三个参数：element、index和array。element是数组中的当前元素，index是当前元素的索引，array是原始数组。

回调函数应该返回一个布尔值，以决定该元素是否应该被保留。如果返回值为true，该元素将出现在结果数组中；如果返回值为false，该元素将被过滤掉。

5. 使用回调函数的示例：

假设我们有一个存储用户年龄的数组，我们想要筛选出未成年的用户。

javascript

const ages = [18, 21, 16, 25, 17];

const minors = (age => age < 18);

(minors);

上述代码中，我们通过filter函数筛选出了满足年龄小于18岁的用户。结果将

会是一个新的数组，其中只有16和17这两个元素。

6. thisArg参数：

thisArg参数是可选的，用于指定回调函数执行时的上下文。如果省略该参数，回调函数将在全局作用域中执行。

javascript

const numbers = [1, 2, 3, 4, 5];

const sum = (function(number) {

return number % 2 === 0;

}, this);

(sum);

上述代码中，回调函数中的this指向全局对象。我们通过filter函数筛选出了满足条件的偶数。结果将会是一个新的数组，其中只有2和4这两个元素。

7. 总结：

filter是JavaScript数组的一个高阶函数，用于过滤数组中的元素。它接受一个回调函数作为参数，该回调函数用于判断数组的每个元素是否应该保留在结果数组中。filter函数返回一个新的数组，其中包含满足条件的元素。

回调函数接受三个参数：element、index和array。element是数组中的当前元素，index是当前元素的索引，array是原始数组。回调函数应该返回一个布尔值，以决定该元素是否应该被保留。

filter函数还可以接受thisArg参数，用于指定回调函数执行时的上下文。

以上就是关于JavaScript中filter的用法的一步一步说明。希望对你有所帮助！