javascript|javascript filter详解
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 **利用filter的过滤功能和indexof返回数组项所在的索引,相同项返回第一个的索引这个特性。
【javascript|javascript filter详解】您的点赞是我继续写下去的动力!
欢迎吐槽! 谢谢!
推荐阅读
- 事件代理
- Java|Java OpenCV图像处理之SIFT角点检测详解
- C语言浮点函数中的modf和fmod详解
- 数组常用方法一
- 虚拟DOM-Diff算法详解
- LSTM网络层详解及其应用实例
- OC:|OC: WKWebView详解
- iOS-Swift-map|iOS-Swift-map filter reduce、函数式编程
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show
- JavaScript|vue 基于axios封装request接口请求——request.js文件