find()和filter()的区别

87 阅读 0 评论 58 点赞

我是靠谱客的博主花痴书本，最近开发中收集的这篇文章主要介绍find()和filter()的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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}]