在 JavaScript 中，Array.prototype.forEach 函数是一种非常常用的数组遍历方式。ES10 中，Array.prototype.forEach 函数进行了很多优化，包括支持 async/await，提供一个 return 值等。在本文中，我们将探讨如何优雅地使用 ES10 的 Array.prototype.forEach 函数，并给出一些示例代码。
1. 基本用法
Array.prototype.forEach 函数的基本语法为：
array.forEach(function callback(currentValue[, index[, array]]) {
// your iterator
}, thisArg);其中，callback 函数接受三个参数：
currentValue：数组中正在处理的当前元素。index（可选）：当前元素在数组中的索引。array（可选）：正在操作的数组。
而 thisArg 参数（可选）则在执行 callback 函数时被用作 this 值。
下面是一个简单的示例：
-- -------------------- ---- ------- ----- --- - --- -- --- ------------------- ------ ------ -- - ------------------- --------- ------ --------- ------ ----------- --- -- ------ -- ------ -- ------ ----- -- ------ -- ------ -- ------ ----- -- ------ -- ------ -- ------ -----
2. 支持 async/await
ES10 中，Array.prototype.forEach 函数的回调函数可以使用 async/await，使得针对数组的异步操作更加简洁明了。
下面是一个示例，使用了 async/await 实现数组的并发请求：
-- -------------------- ---- -------
----- --- - --- -- ---
-- ----
----- ------------
------------- ---- -- -
----- --- - ----- --------------------
----- ---- - ----- -----------
------------------
--
--3. 支持返回值
在 ES10 中，Array.prototype.forEach 函数的回调函数可以返回一个值，将这些值组成一个新的数组并返回。
下面是一个示例，使用 Array.prototype.forEach 函数计算数组中所有元素的平方和：
-- -------------------- ---- ------- ----- --- - --- -- --- ----- ------- - --- ------------------- -- - ----- ------ - ----- - ------ --------------------- ------ ------- --- ----- --- - -------------------- ---- -- --- - ----- ----------------- -- --
4. 总结
在本文中，我们介绍了 ES10 中 Array.prototype.forEach 函数的一些新特性，包括支持 async/await，支持返回值等。通过使用这些新特性，我们可以更加优雅地处理数组操作。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fb33b6f6b2d6eab31d3c63