JavaScript数组查找：find和findIndex详解

有志者，事竟成！如果你在学习文章，那么本文《JavaScript数组查找：find与findIndex用法解析》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

find()返回首个满足条件的元素值，否则undefined；findIndex()返回对应索引，否则-1；两者均不改变原数组，常用于高效查找与定位。

在 JavaScript 中处理数组时，经常需要根据特定条件查找元素。find() 和 findIndex() 是两个非常实用的方法，它们能帮助我们快速定位符合条件的数组项或索引。这两个方法不会改变原数组，且只返回第一个匹配的结果。

find() 方法：查找符合条件的元素

find() 方法用于遍历数组，返回满足条件的第一个元素的值。如果没有找到匹配项，则返回 undefined。

它的语法如下：

回调函数接收三个参数：

• element：当前遍历的元素
• index（可选）：当前元素的索引
• array（可选）：调用 find 的原数组

示例：查找年龄大于 18 的第一个用户

findIndex() 方法：查找符合条件元素的索引

findIndex() 与 find() 类似，但它返回的是第一个满足条件的元素的索引，而不是值。如果没有找到，返回 -1。

语法结构与 find() 相同：

这个方法特别适合用于判断某个元素是否存在，并获取其位置。

示例：查找名字为 'Charlie' 的用户的索引

也可以用来判断是否存在某条数据：