ES6：活用函数式编程思维处理数据更优雅

前端

2024-02-20 08:53:35

ES6 函数式编程简介

函数式编程是一种编程范式，它强调使用纯函数、一等函数和不可变数据。纯函数是指其输出仅取决于输入，并且不会产生副作用（例如，不会修改外部变量）。一等函数是指函数可以作为其他函数的参数或返回值。不可变数据是指数据一旦创建后就不能被修改。

函数式编程有很多好处，例如：

代码更易于理解和维护
代码更易于测试
代码更易于并行化
代码更易于重用

ES6 中的函数式编程特性

ES6 中引入了很多函数式编程特性，例如箭头函数、展开运算符、剩余参数、解构赋值和新的数据结构（例如，Map 和 Set）。这些特性使得在 JavaScript 中编写函数式代码变得更加容易。

reduce

reduce 是一个高阶函数，它可以将数组中的元素逐个累积，最终得到一个累积结果。reduce 的第一个参数是一个回调函数，该回调函数有两个参数：accumulator 和 currentValue。accumulator 是累积结果，currentValue 是当前数组元素。reduce 的第二个参数是累积结果的初始值。

以下是一个使用 reduce 计算数组中所有元素之和的示例：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 15

map

map 是一个高阶函数，它可以将数组中的每个元素都映射到一个新值，从而得到一个新数组。map 的第一个参数是一个回调函数，该回调函数有一个参数：currentValue。currentValue 是当前数组元素。map 的第二个参数是thisArg，它指定回调函数的this值。

以下是一个使用 map 将数组中的每个元素都映射到其两倍的示例：

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((currentValue) => currentValue * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]