美文网首页
javascript filter详解

javascript filter详解

作者: 我是一个前端 | 来源:发表于2018-12-27 17:21 被阅读0次
    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 filter详解

          本文链接:https://www.haomeiwen.com/subject/fpfdlqtx.html