本文详细介绍JavaScript数组的findIndex方法，该方法用于返回数组中满足测试条件的第一个元素的索引。文章解析了其回调函数参数、返回值规则（找到返回索引，未找到返回-1），并对比了find()方法。通过具体代码示例展示了如何在实际开发中利用findIndex进行元素定位，适用于需要获取元素位置而非元素本身的场景。
1findIndex()简单介绍
findIndex()方法接收一个测试函数作为参数，用于查找数组中第一个满足该条件的元素，并返回其索引位置。- 当数组元素通过测试条件时，
true返回true，此时findIndex()会返回该元素的索引值（注意：find()方法返回的是元素本身）。一旦找到符合条件的元素，后续元素将不再执行回调函数。若遍历结束仍未找到符合条件元素，则返回-1（注意：find()返回undefined）。 findIndex()与find()的调用方式一致，findIndex()的回调函数同样接收三个参数，这与find()相同。- findIndex()方法的底层实现基于循环遍历查找。其应用场景广泛，支持大于、等于、小于等各种表达式组合。本质上它相当于一个for循环，但优势在于找到目标后无需手动退出循环。
2编辑器
3代码部分
// array.findIndex(function(currentValue, index, arr),
// thisValue)
// 参数：一个函数和对象this
// currentValue 必需。当前元素
// index 可选。当前元素的索引
// arr 可选。当前元素所属的数组对象
var ages = [3, 10, 18, 20];
//第一种方式
// 1. 当数组中的元素在测试条件时返回 true 时,
//findIndex() 返回符合条件的元素的索引位置
// 2.如果没有符合条件的元素返回 -1
const index=ages.findIndex((item)=>{
return item >= 18;
});
// index是2
console.log(index,"index")4运行结果
5总结
// array.findIndex(function(currentValue, index, arr), thisValue) // 参数：一个函数和对象this // currentValue 必需。当前元素 // index 可选。当前元素的索引 // arr 可选。当前元素所属的数组对象
到此这篇关于 javascript数组中的findIndex方法 的文章就介绍到这了,更多相关findIndex方法 内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！