find()返回首个满足条件的元素值，否则undefined；findIndex()返回对应索引，否则-1；两者均不改变原数组，常用于高效查找与定位。
在 JavaScript 中处理数组时，经常需要根据特定条件查找元素。find() 和 findIndex() 是两个非常实用的方法，它们能帮助我们快速定位符合条件的数组项或索引。这两个方法不会改变原数组，且只返回第一个匹配的结果。
find() 方法用于遍历数组，返回满足条件的第一个元素的值。如果没有找到匹配项，则返回 undefined。
它的语法如下：
arr.find(function(element, index, array) { return condition; });回调函数接收三个参数：
立即学习“Java免费学习笔记（深入）”；
示例：查找年龄大于 18 的第一个用户
const users = [ { name: 'Alice', age: 17 }, { name: 'Bob', age: 20 }, { name: 'Charlie', age: 19 } ]; const adult = users.find(user => user.age > 18); // 结果：{ name: 'Bob', age: 20 }findIndex() 与 find() 类似，但它返回的是第一个满足条件的元素的索引，而不是值。如果没有找到，返回 -1。
语法结构与 find() 相同：
arr.findIndex(function(element, index, array) { return condition; });这个方法特别适合用于判断某个元素是否存在，并获取其位置。
示例：查找名字为 'Charlie' 的用户的索引
const index = users.findIndex(user => user.name === 'Charlie'); // 结果：2也可以用来判断是否存在某条数据：
if (users.findIndex(u => u.age虽然 find() 和 findIndex() 都基于条件查找，但用途略有不同：
比如，在更新数组中的某一项时，可以结合两者：
const idx = users.findIndex(u => u.name === 'Bob'); if (idx !== -1) { users[idx] = { ...users[idx], age: 21 }; // 更新 Bob 的年龄 }基本上就这些。find() 和 findIndex() 让条件查找更简洁直观，避免了手动写循环和标记变量。掌握它们的差异，能让代码更清晰高效。
以上就是JavaScript 数组查找：find() 与 findIndex() 方法详解的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
146
收藏
