js中Array.filter()的妙用

js中Array.filter()的妙用

首先讲解一些关键的概念问题

filter和 map 类似也接收一个函数。但是和map不同的是，filter()这个方法内部有一个类似for循环的句式，它会把传入的函数function依次作用于每个元素，然后根据返回值是 true 还是 false 决定保留还是丢弃该元素。

回调函数

filter 接收的回调函数，其实可以有多个参数 (item , index , array ),即Array的某个元素、元素的位置和数组本身。通常我们仅使用第一个参数item。

代码实例如下

例如 : 利用 filter ，巧妙地去除Array的重复元素：：

var arr1= ['apple',  'banana', 'pear', 'apple', 'orange', 'orange'];
var arr2;
arr2 = arr1.filter(function (item, index, arr) {
    return arr.indexOf(item) === index;
});
console.log(arr2);// 结果：["apple", "banana", "pear", "orange"]

改成ES6箭头函数的写法：

let arr1= ['apple',  'banana', 'pear', 'apple', 'orange', 'orange'];
let arr2;
arr2 = arr1.filter((item, index, arr) => {
    return arr.indexOf(item) === index;
});

关键点：indexOf 总是返回第一个元素的位置，后续的重复元素位置与返回的第一个元素的位置不相等，因此滤掉了。