ECMAScript 2019（ES10）的 Array 的 Array.forEach() 函数的用途详解-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019（ES10）中，Array 的 Array.forEach() 函数得到了一些重要的更新和改进。这个函数是用来遍历数组元素并执行指定的函数操作。它是一个非常有用的函数，可以帮助我们在处理数组元素时更加高效和便捷。

forEach() 函数的基本用法

Array 的 forEach() 函数是一个高阶函数，它接收一个函数作为参数，这个函数会在每个数组元素上执行。这个函数接收三个参数：

currentValue：表示当前正在被处理的数组元素。
index：表示当前处理的元素在数组中的索引位置。
array：表示正在被处理的数组本身。

下面是一个简单的示例代码，展示了 forEach() 函数的基本用法：

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((item, index) => {
  console.log(`Item ${index} is ${item}`);
});

输出结果：

Item 0 is 1
Item 1 is 2
Item 2 is 3
Item 3 is 4
Item 4 is 5

在上面的代码中，我们定义了一个数组 numbers，然后使用 forEach() 函数来遍历数组元素，并打印出每个元素及其索引位置。

forEach() 函数的改进

在 ECMAScript 2019（ES10）中，Array 的 forEach() 函数得到了一些重要的改进和更新。下面是这些改进的详细说明：

1. 可以通过 return 中断循环

在旧版的 forEach() 函数中，我们无法中断循环，如果要中断循环，我们只能使用 throw 语句来抛出异常。但是在新版的 forEach() 函数中，我们可以通过 return 语句来中断循环。例如：

-- -------------------- ---- -------
----- ------- - --- -- -- -- ---

---------------------- ------ -- -
  -- ----- --- -- -
    -------
  -

  ----------------- -------- -- ----------
---

输出结果：

Item 0 is 1
Item 1 is 2
Item 3 is 4
Item 4 is 5

在上面的代码中，我们使用 return 语句来中断了循环，当数组元素为 3 时，循环就会被中断。

2. 可以通过 thisArg 指定 this

在旧版的 forEach() 函数中，我们无法指定 this 对象，这就导致了一些问题。但是在新版的 forEach() 函数中，我们可以通过 thisArg 参数来指定 this 对象。例如：

const numbers = [1, 2, 3, 4, 5];
const obj = { value: 10 };

numbers.forEach(function(item, index) {
  console.log(`Item ${index} is ${item}, this.value is ${this.value}`);
}, obj);

输出结果：

Item 0 is 1, this.value is 10
Item 1 is 2, this.value is 10
Item 2 is 3, this.value is 10
Item 3 is 4, this.value is 10
Item 4 is 5, this.value is 10

在上面的代码中，我们使用 thisArg 参数来指定了 this 对象，这样就可以在函数中使用 this 对象了。

总结

在 ECMAScript 2019（ES10）中，Array 的 forEach() 函数得到了一些重要的改进和更新，这些改进和更新使得这个函数更加强大和灵活，可以更好地帮助我们在处理数组元素时更加高效和便捷。我们可以通过这些改进和更新来更好地使用 forEach() 函数，并在实际开发中提高代码的效率和质量。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65d19c5aadd4f0e0ffa4105b