在前端开发中，我们经常需要对数组进行操作，比如筛选、排序、统计等等。ES6 中提供了 Map 和 Reduce 函数，可以方便地对数组进行操作，提高效率和代码可读性。
Map 函数
Map 函数可以将一个数组映射成另一个数组，映射的规则由函数自定义。具体语法如下：
array.map(function(currentValue, index, arr), thisValue)
currentValue：必须。当前元素的值。index：可选。当前元素的索引。arr：可选。当前元素所属的数组对象。thisValue：可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。
下面是一个简单的示例，将一个数组中的每个元素加上 1 并返回一个新的数组：
const arr = [1, 2, 3];
const newArr = arr.map((item) => {
return item + 1;
});
console.log(newArr); // [2, 3, 4]Reduce 函数
Reduce 函数可以对数组中的元素进行累加操作，具体语法如下：
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
total：必须。初始值，或者计算结束后的返回值。currentValue：必须。当前元素的值。currentIndex：可选。当前元素的索引。arr：可选。当前元素所属的数组对象。initialValue：可选。传递给函数的初始值。
下面是一个简单的示例，计算一个数组中所有元素的和：
const arr = [1, 2, 3];
const sum = arr.reduce((total, item) => {
return total + item;
}, 0);
console.log(sum); // 6应用示例
下面是一个实际的应用示例，假设有一个数组，包含多个用户对象，每个用户对象有一个 age 属性，我们需要统计这些用户的平均年龄：
-- -------------------- ---- ------- ----- ----- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- -- ----- -------- - -------------------- ----- -- - ------ ----- - --------- -- --- ----- ---------- - -------- - ------------- ------------------------ -- --
上面的代码中，我们使用了 Reduce 函数来累加所有用户的年龄，然后除以用户数量得到平均年龄。
总结
ES6 中的 Map 和 Reduce 函数可以方便地对数组进行操作，提高了开发效率和代码可读性。在实际开发中，我们可以结合业务需求和函数的特性，灵活地应用它们来解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c0a15fadd4f0e0ffaa3cae