如何在JavaScript的forEach()中获取当前数组索引

简介

在JavaScript中，Array 是一个标准化的内置对象，用于存储同一名称下的多个对象。简单地说，你可以把Array 对象看成是其他编程语言中的数组。它本质上是一个类，它封装了一个数组（一个有序的值列表）和所有你可能需要的执行数组操作的必要方法。

每个数组都是有序的，这意味着每个元素的位置是非常重要的。事实上，如果你不知道一个元素在原数组中的位置，你甚至不能提取它的值。

在迭代过程中，当前元素的索引可能与你有关。使用forEach() 方法的index 参数可以非常直接地实现这一点。

在这篇文章中，我们将看到如何在JavaScript中使用forEach() 方法获得当前元素的数组索引。

*forEach()*方法的基础知识

forEach() 是Array 类的一个方法。你可以用它来循环浏览一个数组，并对其中的每个元素进行一定的操作--不过，map() ，更常用于这个目的。你可以使用一个回调函数来定制所执行的操作--一个作为forEach() 方法的参数传递的函数。回调函数是一个简单的函数，它定义了在单个元素上执行的操作，而forEach() 方法确保它将在数组的每个元素上执行。

forEach() 方法有一个相当直接的语法。

forEach(callback(currentElement, index, arr), thisValue);

正如我们之前所说的，forEach() 方法接受一个callback 函数，对数组中的每个条目运行。这个callback 函数接受三个参数，我们只关心其中的两个--currentElement ，这是一个必要的参数，其index ，这是currentElement 在数组中的位置。

如何使用*forEach()*方法获取当前元素的索引

假设我们有一个学生数组，并且想在处理这些学生时访问每个元素的索引。我们将利用index 参数，并简单地将其打印出来。

const students = ["Mark", "Jane", "John", "Sarah"];

students.forEach((student, index) => {
    console.log(`The index for ${student} is ${index}`);
});

输出

"The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"

结论

在这篇短文中，我们已经解释了如何使用index 参数来获取Array 中元素的当前数组索引，使用forEach() 方法。