📌  相关文章
📜  获取项目数组的索引 - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:31.418000             🧑  作者: Mango

获取项目数组的索引 - JavaScript

在 JavaScript 中,可以使用 indexOf() 方法来获取项目数组的索引。此方法返回参数中指定元素在数组中第一次出现的位置的索引。如果该元素不存在于数组中,则返回 -1。

示例代码:

const arr = ['apple', 'banana', 'cherry', 'apple', 'kiwi'];
const index = arr.indexOf('cherry');
console.log(index); //输出2

上述代码中,数组 arr 包含五个元素,其中 'cherry' 在第三个位置,因此 indexOf() 方法返回了 2

如果要从特定索引开始查找元素,则可以将其作为第二个参数传递给 indexOf() 方法。例如,以下代码从第二个索引开始查找 'apple',并返回其位置的索引:

const arr = ['apple', 'banana', 'cherry', 'apple', 'kiwi'];
const index = arr.indexOf('apple', 1);
console.log(index); //输出3

在这个例子中,indexOf() 方法以 1 为起始索引,找到了第二个 'apple' 的索引为 3。

值得注意的是,如果在查找时使用一个 NaN 元素,则不能使用 indexOf() 方法,而是应该使用 findIndex() 方法。 因为 indexOf() 方法在查找 NaN 时会出现错误的结果。

const arr = [1, 2, NaN, 4, 5];
const index = arr.indexOf(NaN);
console.log(index); // 输出-1

const index2 = arr.findIndex(Number.isNaN);
console.log(index2); // 输出2

以上代码中,indexOf() 方法返回了 -1,而 findIndex() 方法成功地找到了 NaN 的索引,即 2。

在编写 JavaScript 代码时,掌握 indexOf() 方法可以帮助您更容易地查找和操作数组中的元素。