ES7 函数式编程之 Map 和 Reduce

在前端开发中，我们经常需要对数组进行操作和处理。ES7 提供了两个非常好用的函数式编程方法，Map 和 Reduce，对于数组的操作非常方便。

Map 方法

Map 方法接收一个函数作为参数，并对数组中的每一个元素应用这个函数，返回一个新的数组。

array.map(function(currentValue, index, arr), thisValue)

参数解释：

• function(currentValue, index, arr)：必须，函数，当前元素的值、元素的索引、原始数组作为参数。
• thisValue：可选，对象，传递给函数，用作 this 的值。默认是全局对象。

示例代码：

let arr1 = [1, 2, 3, 4, 5, 6];
let arr2 = arr1.map(x => x * 2);
console.log(arr2); // [2, 4, 6, 8, 10, 12]

上面的代码中，我们把数组 arr1 中的所有元素都乘以了 2，生成了一个新的数组 arr2。

Reduce 方法

Reduce 方法以一个初始值，对数组从左到右进行操作，最后得到一个返回值。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数解释：

• function(total, currentValue, currentIndex, arr)：必须，函数，用于每个元素的操作的函数。total 初始值，或者上一次的返回值；currentValue 当前元素的值；currentIndex 当前元素的索引；arr 原始数组。
• initialValue：可选，传递给函数的初始值。

示例代码：

let arr = [1, 2, 3, 4, 5, 6];
let sum = arr.reduce((total, current) => total + current, 0);
console.log(sum); // 21

上面的代码中，我们把数组中的所有元素相加，得到了最后的和值。

指导意义

使用 Map 和 Reduce 可以大大提高数组的操作效率和开发效率，同时也可以使代码更为简洁。

此外，这两个方法也是函数式编程思想的体现，鼓励大家更多地使用函数式编程思想，使代码更加简洁、易维护。

总结

ES7 的 Map 和 Reduce 可以提高数组的操作效率和开发效率，同时也是函数式编程思想的体现，鼓励大家更多地使用函数式编程思想，使代码更加简洁、易维护。

以上就是本文的全部内容，希望这篇文章对你有所启发，谢谢您的阅读！

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