es6 find()与filter()区别

160 阅读 0 评论 106 点赞

我是靠谱客的博主温婉服饰，这篇文章主要介绍es6 find()与filter()区别，现在分享给大家，希望可以做个参考。

find 和 filter 都是不改变原数组的方法

find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。返回的是对象

如遇到重复的值只会返回第一次出现的值

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var users = [
    {
        name:"alie"
    },
    {
        name:"carrie"
    },{
        name:"carrie"
    }
];
var user = [];
user = users.find(function(user){
    return user.name ===  "carrie"
})
console.log(user)//{name: "carrie"}

filter过滤返回全部结果仍然是数组。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}]

let list3 = list.filter(i=>i.name==='1')

console.log(list3)
/*
(2) [{…}, {…}]
0: {name: "1", index: 1}
1: {name: "1"}
length: 2
__proto__: Array(0)
*/