es6 filter函数的用法
filter函数是ECMAScript 6中的新增函数，它的作用是帮助开发者筛选出某个
集合中满足给定条件的数据，以构建新的数组。下面将详细说明filter函数的用法：
一、 filter函数参数
1、第一个参数：callback，它是一个函数，该函数允许开发者将数组遍历时的
每一项传进来，以此处理这些数据。该函数接收三个参数：当前值，当前位置和原数组；
2、第二个参数：thisArg，它是可选参数，默认为 undefined，也可以是一个对
象类型，它将作为callback函数的this对象；
二、 filter函数的使用
1、简单的使用
```js
let array = [1, 2, 3, 4];
let result =(item => item % 2 === 0);(result);  // [2, 4]
```
上面的代码通过 filter 函数从数组 array 中筛选出可以被 2 整除（偶数）的元素，并构造出新数组 result，最终结果为 [2, 4]。
2、thisArg 的使用
```js
let array = [1, 2, 3, 4];
let result =(function(item) {
return(item);
}, {
div: function(num) {
return (num % 2 === 0);
}
});(result);  // [2, 4]
```
上面的代码传入的 thisArg 是一个对象，它包含一个用于判断能否被 2 整除的
div 方法，最终结果也是 [2, 4]。
三、filter函数的与其他函数的比较
jsarray删除元素1、与 for 循环的比较
```js
// for 循环实现
let array = [1, 2, 3, 4];
let result = [];
for (let i = 0; i <; i++) {
if (array[i] % 2 === 0) {(array[i]);
}
}
从上可以看出，filter 能够节省很多冗余的代码，使开发者更加容易地实现自
己的想法。
2、与 map 的比较
不同于 map，filter 的作用是筛选出数组中满足条件的数据，最终构建新的数组；而 map 的作用是将数组一一处理，最终也是构建新的数组，其处理的结果由开发
者自行定义。
四、filter函数的优点
1、它可以有效地减少冗余的代码量；
2、书写它的语句可以更好地提高可维护性，提高开发效率；
3、它的参数是可定制的，可以有效地将复杂的函数抽象为一个简单的函数，
从而提高代码可读性。
总结：filter函数是ECMAScript 6中新增函数，它的参数分为两个：callback和thisArg，callback是一个函数，用以将数组中的每一项传递进去处理。filter 的作用是帮助开发者筛选出满足条件的元素构建新的数组，它的优点是可以有效的减少冗余的代码，提高可维护性，并可定制参数，从而提高代码可读性。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。