JavaScript中indexOf和findIndex和find的用法与细节

indexOf(), findIndex()和find()都是在JavaScript中用来查找数组中元素的方法，但它们的用法略有不同。

indexOf(): 该方法返回指定元素在数组中首次出现的索引，如果没有找到则返回-1。它接受一个参数，即要查找的元素值。例如：

let arr = [1, 2, 3, 3, 4, 5];  
// 需要注意的是，这里有两个3，indexOf只会识别到第一个就返回，后面不会识别
console.log(arr.indexOf(3)); // 输出：2  
console.log(arr.indexOf(6)); // 输出：-1

findIndex(): 该方法类似于find()，接受一个回调函数作为参数。对于数组中的每个元素，这个回调函数都会被调用一次，并且这个回调函数应当返回一个布尔值。如果回调函数对某个元素返回true，则findIndex()会立即返回该元素的索引；如果函数对所有元素都返回false，则返回-1。例如：

let arr = [1, 2, 3, 3, 4, 5];  
// 需要注意的是，这里有两个3，findIndex只会识别到第一个就返回，后面不会识别
console.log(arr.findIndex(value => value > 3)); // 输出：4  
console.log(arr.findIndex(value => value < 0)); // 输出：-1

find(): 该方法返回数组中符合指定条件的第一个元素，如果没有找到则返回undefined。它接受一个回调函数作为参数，这个回调函数应当返回一个布尔值。与findIndex()不同的是，find()不会直接返回索引，而是返回元素的值。例如：

let arr = [1, 2, 3, 3, 4, 5];  
// 需要注意的是，这里有两个4，find只会识别到第一个就返回，后面不会识别
console.log(arr.find(value => value > 2)); // 输出：3  
console.log(arr.find(value => value < 0)); // output: undefined

 

面试中过程中，面试官喜欢拿这三个方法，去提问应聘者，大家不要被误导了。

总结：尽管数组中存在相同值，这三个方法都是只会拿数组的第一个符合条件的值。其中indexOf与findIndex是返回下标，区别是findIndex是一个回调；find方法也是一个回调，但find返回的不是索引值，而是元素的值。