JavaScript中数组的find方法

最新推荐文章于 2025-03-26 16:05:55 发布

大杯美式不加糖

最新推荐文章于 2025-03-26 16:05:55 发布

阅读量696

点赞数 1

分类专栏： # es6 文章标签： JavaScript 数组方法 find() 条件查找数据过滤

本文链接：https://blog.youkuaiyun.com/qq_40988677/article/details/118186956

版权

es6 专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了JavaScript中的find()方法，用于查找数组中满足条件的第一个元素。find()方法返回匹配条件的元素值，若未找到则返回undefined。在空数组上不会执行函数。示例中展示了如何使用find()查找指定类型的对象，避免了传统循环遍历的繁琐操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意点：

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值
如果没有符合条件的元素返回 undefined。
find() 对于空数组，函数是不会执行的
find() 并没有改变数组的原始值

示例：

const data = [{
      type: 'test1',
      name: 'abc'
    },
    {
      type: 'test2',
      name: 'cde'
    },
    {
      type: 'test1',
      name: 'fgh'
    },
  ];
let filterResult = data.find(data => data.type === 'test1' && data.name === 'fgh')
console.log(filterResult); //{ type: 'test1', name: 'fgh' }

//这个例子不用find的话需要使用循环遍历，一个一个判断type和name，代码很多