javascript filter详解及应用

最新推荐文章于 2023-07-01 15:04:20 发布

weixin_34144848

最新推荐文章于 2023-07-01 15:04:20 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000017540211

本文介绍如何运用JavaScript中的filter方法结合indexOf函数，高效实现数组元素筛选与去重功能。通过实例展示，读者可以了解到如何针对特定条件过滤数组元素，并掌握一种新颖的数组去重技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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返回数组项所在的索引，相同项返回第一个的索引这个特性。

您的点赞是我继续写下去的动力！

欢迎吐槽！谢谢！