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

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

欢迎吐槽! 谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,125评论 0 1
  • 数组的定义 数组是按序号排列的一组值,每个值的位置都有编号(从0开始)。数组本质上是一种特殊的对象。它的键名是按(...
    Allin_Lin阅读 583评论 0 0
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 【时光漫步-学而思074】20170502活出生命的意义Day1 一年感觉刚开头,但眨眼间已然流失了三分之一。只能...
    时光里漫步阅读 182评论 0 0
  • 函数 FI_ITEMS_MASS_CHANGE *&-------------------------------...
    想跳出大海的鱼阅读 681评论 0 0