在前端开发中，经常需要对数组进行操作和处理。ES10 中的 Array.prototype.map() 和 Array.prototype.reduce() 方法是两个非常常用的数组方法，它们可以帮助我们更加高效地对数组进行处理。本文将详细介绍这两个方法的使用方法，并提供示例代码。
Array.prototype.map()
Array.prototype.map() 方法可以将数组中的每个元素都执行一次指定的函数，并返回一个新的数组，该数组包含每个元素执行函数后的结果。
语法：array.map(function(currentValue, index, arr), thisValue)
参数解释：
function(currentValue, index, arr)：必须。函数，数组中的每个元素都会执行该函数。该函数接收三个参数：currentValue：必须。当前元素的值。index：可选。当前元素的索引。arr：可选。当前元素所属的数组对象。
thisValue：可选。对象，可用作函数中 this 的值。
返回值：一个新的数组，包含每个元素执行函数后的结果。
示例代码：
----- --- - --- -- -- -- --- ----- ------ - -------------- -- ---- - --- -------------------- -- --- -- -- -- ---
上述代码中，我们定义了一个数组 arr，然后使用 Array.prototype.map() 方法将数组中的每个元素都乘以 2，最终得到一个新的数组 newArr，包含每个元素乘以 2 后的结果。
Array.prototype.reduce()
Array.prototype.reduce() 方法可以对数组中的所有元素依次执行指定的函数，并返回一个累计的结果。该方法可以用于计算数组中元素的总和、平均值等操作。
语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
参数解释：
function(total, currentValue, currentIndex, arr)：必须。函数，数组中的每个元素都会执行该函数。该函数接收四个参数：total：必须。累计值，初始值为 initialValue，每次执行函数后的返回值会作为下一次执行函数的 total 参数传入。currentValue：必须。当前元素的值。currentIndex：可选。当前元素的索引。arr：可选。当前元素所属的数组对象。
initialValue：可选。累计值的初始值。
返回值：累计的结果。
示例代码：
----- --- - --- -- -- -- --- ----- --- - ------------------ ----- -- ----- - ----- --- ----------------- -- --
上述代码中，我们定义了一个数组 arr，然后使用 Array.prototype.reduce() 方法将数组中的所有元素相加，得到它们的总和。
总结
Array.prototype.map() 和 Array.prototype.reduce() 方法是两个非常常用的数组方法，它们可以帮助我们更加高效地对数组进行处理。在实际开发中，我们可以根据具体需求选择使用哪个方法。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6608d84bd10417a2227599ad