1. 概述
在JavaScript中，数组是一种重要的数据结构，它可以储存多个值。在实际开发中，为了方便地操作数组中的元素，我们会经常用到一些内置的函数。本文将介绍两个常用的数组函数——indexOf和findIndex，并讨论它们之间的区别。
2. indexOf函数
2.1 定义
indexOf函数是JavaScript数组的一个内置方法，用于搜索某个元素在数组中第一次出现的位置。如果未找到该元素，则返回-1。
let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 2
2.2 参数
indexOf函数接受两个参数：
要查找的元素
可选参数，表示从哪个下标开始搜索
如果不传递第二个参数，默认从第一个元素开始搜索。
2.3 返回值
返回搜索到的第一个元素的下标。如果未找到该元素，则返回-1。
2.4 示例
下面是一些使用indexOf函数的示例：
let arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 2
console.log(arr.indexOf(6)); // -1
console.log(arr.indexOf(2, 2)); // -1
console.log(arr.indexOf(2, -2)); // 1
在第一个示例中，我们搜索数组中的值3，并得到它的下标2。
在第二个示例中，我们搜索数组中不存在的值6，并得到返回值-1。
在第三个示例中，我们从下标2开始搜索值2，但由于从此处开始并不存在值为2的元素，因此返回-1。
在第四个示例中，我们从倒数第二个元素开始搜索值2，并得到它的下标1。
3. findIndex函数
3.1 定义
findIndex函数是JavaScript数组的另一个内置方法，它用于在数组中查找满足某种条件的元素，并返回该元素的下标。如果未找到该元素，则返回-1。
let arr = [1, 2, 3, 4, 5];
console.log(arr.findIndex(x => x > 2)); // 2
3.2 参数
findIndex函数接受一个参数，即一个回调函数。该回调函数将被传递数组中的每个元素：对于每个元素，该函数将返回一个布尔值，表示是否满足条件。findIndex函数将搜索从左到右第一个返回值为true的元素，并返回它的下标。
3.3 返回值
返回第一个满足条件的元素的下标。如果未找到这样的元素，则返回-1。
3.4 示例
下面是一些使用findIndex函数的示例：
let arr = [1, 2, 3, 4, 5];
console.log(arr.findIndex(x => x > 2)); // 2
console.log(arr.findIndex(x => x > 5)); // -1
console.log(arr.findIndex((x, index) => index > 2)); // 3
console.log(arr.findIndex((x, index, array) => array[index] === 2)); // 1
在第一个示例中，我们找到数组中第一个大于2的元素，并返回它的下标2。
在第二个示例中，我们搜索数组中不存在的大于5的元素，并得到返回值-1。
在第三个示例中，我们只返回下标大于2的元素，并找到第一个这样的元素4，然后返回它的下标3。
在第四个示例中，我们只返回与下标对应值为2的元素，并返回它的下标1。
4. indexOf和findIndex的区别
虽然indexOf函数和findIndex函数都可以用于查找数组中的元素，但它们之间有一些区别。
findIndex函数接受一个回调函数，而indexOf函数不接受函数。
indexOf从左到右搜索数组中的元素，而findIndex函数只返回满足条件的第一个元素的下标。
indexOf可以查找值为undefined的元素，而findIndex函数不会查找值为undefined的元素。
indexOf程序员可以根据值去索引，而findIndex则是根据条件查找。
5. 总结
在这篇文章中，我们详细介绍了indexOf函数和findIndex函数，讨论了它们之间的区别，以及在什么情况下使用哪个函数。这两个函数都是JavaScript开发过程中常用的函数，通过它们我们可以更方便地操作数组中的元素。