find()和filter()的区别

110 阅读 0 评论 73 点赞

我是靠谱客的博主花痴书本，这篇文章主要介绍find()和filter()的区别，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
find() 返回第一个元素。

filter() 返回一个包含所有通过测试函数的元素的新数组。
let arr = [
  {
    name: 'Rick',
    age: 60
  },
  {
    name: 'Rick',
    age: 70
  },
  {
    name: 'Morty',
    age: 14
  }
]
let findResult = arr.find(i => i.name === 'Rick')
let filterResult = arr.filter(i => i.name === 'Rick')
console.log(arr); 
/*  输出结果
  [
    {
      name: "Rick",
      age: 60
    },

    {
      name: "Rick",
      age: 70
    },

    {
      name: "Morty",
      age: 14
    }
  ]

*/
console.log(findResult);   // {name: "Rick", age: 60}
console.log(filterResult);  // [{name: "Rick", age: 60}, {name: "Rick", age: 70}]