在ES9中，JavaScript的forEach方法新增了两个参数，让开发者在迭代数组时更加灵活和方便。这两个参数分别是“当前项的索引”和“被迭代的数组本身”。本文将详细介绍这两个参数的用法，以及如何在代码中取得它们。
什么是forEach方法？
首先，让我们回顾一下forEach方法的基本用法。forEach方法是数组的一个迭代器方法，用于遍历数组中的每一项并对其执行指定的操作。例如，我们可以使用forEach方法来计算数组中所有元素的总和：
const numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach(function(number) {
sum += number;
});
console.log(sum); // 输出15在这个例子中，我们定义了一个名为“sum”的变量，然后使用forEach方法遍历数组中的每一个元素，并将它们加起来。最后，我们输出了“sum”的值，得到了数组中所有元素的总和。
新增的两个参数
在ES9中，forEach方法新增了两个参数，分别是“当前项的索引”和“被迭代的数组本身”。这两个参数可以让我们在迭代数组时更加灵活和方便。
当前项的索引
“当前项的索引”指的是当前迭代项在数组中的位置。例如，在上面的例子中，第一个迭代项是数字1，它在数组中的位置是0。我们可以使用当前项的索引来执行一些特定的操作，例如，只对数组中的偶数元素进行计算：
// javascriptcn.com 代码示例
const numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach(function(number, index) {
if (index % 2 === 0) {
sum += number;
}
});
console.log(sum); // 输出4在这个例子中，我们使用了“index”参数来判断当前迭代项的位置是否为偶数。如果是偶数，我们就将它加入到“sum”变量中。
被迭代的数组本身
“被迭代的数组本身”参数指的是当前被迭代的数组本身。这个参数可以让我们在迭代数组时，获取数组中的其他元素进行操作。例如，我们可以使用这个参数来查找数组中的最大值：
// javascriptcn.com 代码示例
const numbers = [1, 2, 3, 4, 5];
let max = -Infinity;
numbers.forEach(function(number, index, array) {
if (number > max) {
max = number;
}
});
console.log(max); // 输出5在这个例子中，我们使用了“array”参数来获取整个数组，并在每一次迭代中比较当前项和“max”的值。如果当前项大于“max”，我们就将它赋值给“max”。
如何取得这两个参数？
要取得这两个参数，我们只需要在foreach方法的回调函数中添加它们的名称即可。例如，如果我们要取得“当前项的索引”，我们可以将它添加为第二个参数：
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number, index) {
console.log(`第${index+1}个元素是${number}`);
});在这个例子中，我们将“index”参数添加为第二个参数，并在回调函数中输出了它的值。
同样地，如果我们要取得“被迭代的数组本身”参数，我们可以将它添加为第三个参数：
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number, index, array) {
console.log(`数组中的元素有${array.length}个`);
});在这个例子中，我们将“array”参数添加为第三个参数，并在回调函数中输出了数组的长度。
总结
在本文中，我们介绍了ES9的forEach方法新增的两个参数，“当前项的索引”和“被迭代的数组本身”。这两个参数可以让我们在迭代数组时更加灵活和方便。我们还提供了一些示例代码，演示如何取得这两个参数，并在代码中使用它们。希望这篇文章能够对你理解ES9的forEach方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6585141ad2f5e1655dfbc2be