find返回第一个匹配元素值，findIndex返回其索引；均不修改原数组，找到即停，未找到时分别返回undefined和-1。
find 和 findIndex 是数组方法，用来按条件查找元素——find 返回第一个匹配的**元素值**，findIndex 返回它的**下标（索引）**。它们不修改原数组，只遍历，找到就停，没找到分别返回 undefined 和 -1。
find：拿到匹配的元素本身
它接收一个回调函数，对每个元素执行判断，一旦返回真值（truthy），立刻返回当前元素，不再往后看。
回调函数参数通常是 item、index、array，常用前两个 没找到时返回 undefined，记得做存在性检查，避免报错 适合“我要这个对象”“我要这个数字”的场景
例子：
const users = [{id: 1, name: ‘张三’}, {id: 2, name: ‘李四’}];
const user = users.find(u => u.id === 2); // {id: 2, name: ‘李四’}
findIndex：拿到匹配元素的位置
逻辑和 find 完全一样，只是返回的是索引号（从 0 开始），不是元素本身。
返回 -1 表示没找到，这是关键判断依据 适合“我要删掉它”“我要更新它”“我要在它前面插一个”这类需要位置的操作 配合 splice、array[index] = ... 很常用
例子：
const nums = [10, 20, 30, 40];
const idx = nums.findIndex(n => n > 25); // 2（因为 30 是第一个大于 25 的，索引是 2）
它们怎么“查找”？底层逻辑很简单
就是从左到右逐个调用你的回调函数，传入当前元素，看返回值是不是真值：
立即学习“Java免费学习笔记（深入）”；
只要回调返回 true、非空字符串、非零数字、对象、数组等真值，立即停止并返回结果 如果一直没遇到真值，遍历完就结束 不会跳过空位（稀疏数组中 undefined 位置也会被传入回调）
常见注意点
只适用于数组，类数组对象（如 arguments）要先转成数组再用 不能直接用于对象，想查对象属性得先用 Object.keys() 或 Object.entries() 转成数组 箭头函数里没有 this 绑定问题，但普通函数要注意 this 指向（除非显式传参） 性能上比 for 循环略低一点，但代码更清晰；大数据量且高频调用时可考虑循环
基本上就这些。用熟了你会发现，它们比写 for 循环查 + break 简洁太多，也比 filter[0] 更高效（filter 全遍历，find 找到就停）。
以上就是JavaScript find和findIndex如何用_它们如何查找元素？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543324.html
微信扫一扫 
支付宝扫一扫 
