javascript filter详解及应用

共计 600 个字符，预计需要花费 2 分钟才能阅读完成。

filter()
简单讲 filter 就是一个数组过滤器，参数接收一个函数，数组的每一项经过函数过滤，返回一个符合过滤条件的新数组
函数接收三个参数：

item（当前遍历的数组项）
i（当前项索引）
arr（调用 filter 数组本身）

// 需求找到数组内偶数

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

let newArr = arr.filter((item, i, arr) => {
// 函数本身返回布尔值，只有当返回值为 true 时，当前项存入新数组。
return item % 2 == 0
})
console.log(newArr)
再来一个应用，巧妙地用 filter 结合 indexof 实现去重
let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 2, 3, 4, 5, 6, 7]

let newArr = arr1.filter(function(item, i, self) {
let a = self.indexOf(item)
console.log(`item—-${item},self.indexOf(item)—${a},i—-${i}`)
return self.indexOf(item) === i;
});

console.log(newArr) //[1, 2, 3, 4, 5, 6, 7, 8]

** 利用 filter 的过滤功能和 indexof 返回数组项所在的索引，相同项返回第一个的索引这个特性。
您的点赞是我继续写下去的动力！
欢迎吐槽！谢谢！