ES6 中的数组方法 reduce 和 reduceRight 的使用方法
JavaScript 中的数组是一个十分重要的数据类型，它能够存储一组元素，比如数字、字符串、对象等等。在 ES6 中，新增了两个数组方法 reduce 和 reduceRight，它们可以帮助我们更加方便的对数组元素进行操作，从而提高开发效率。本文将详细介绍这两个方法的使用方法，并通过示例代码进行讲解。
一、reduce 和 reduceRight 的基本介绍
reduce 和 reduceRight 是两个类似的方法，它们的作用都是对数组的所有元素进行遍历，并使用一个函数来对这些元素进行处理，最后把处理结果返回。所不同的是，reduce 从数组的左边开始遍历元素，而 reduceRight 则从右边开始遍历元素。
这两个方法的定义如下：
array.reduce(callback[, initialValue]) array.reduceRight(callback[, initialValue])
其中，callback 是一个函数，用于对数组元素进行操作。它可以接受四个参数：
accumulator ：累加器，初始值为 initialValue 或者数组的第一个元素。
currentValue ：当前元素的值。
index ：当前元素在数组中的索引。
array ：操作的数组。
initialValue 是一个可选的参数，用于设置初始值。如果不提供该参数，则默认使用数组的第一个元素作为初始值。
reduce 和 reduceRight 的返回值是经过处理后的结果，它可以是任何类型的数据，例如：
如果数组元素都是数字，那么返回的结果也是数字。
如果数组元素都是字符串，那么返回的结果也是字符串。
如果数组元素是对象，那么返回的结果也是对象。
二、reduce 和 reduceRight 的使用方法
- 对数字数组进行处理
例如，我们要对一个数字数组进行求和操作：
const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((accumulator, currentValue) => { return accumulator + currentValue; }, 0); console.log(sum); // 输出：15
上面的代码中，我们首先定义了一个数字数组 arr，然后使用 reduce 方法对其进行求和操作。reduce 方法的回调函数接受两个参数：累加器 accumulator 和当前元素的值 currentValue，我们将它们相加后返回即可。最后，输出 sum 的值，结果为 15，这是 1 到 5 的数字之和。
- 对字符串数组进行处理
例如，我们要对一个字符串数组进行连接操作：
const arr = ["Hello", "World", "!"]; const str = arr.reduce((accumulator, currentValue) => { return accumulator + " " + currentValue; }); console.log(str); // 输出：Hello World !
上面的代码中，我们首先定义了一个字符串数组 arr，然后使用 reduce 方法对其进行连接操作。reduce 方法的回调函数接受两个参数：累加器 accumulator 和当前元素的值 currentValue，我们将它们连接后返回即可。最后，输出 str 的值，结果为 "Hello World !"，这是字符串数组的所有元素连接起来的结果。
- 对对象数组进行处理
例如，我们要对一个对象数组进行求和操作：
-- -------------------- ---- ------- ----- --- - - - ----- -------- ------ -- -- - ----- ------ ------ -- -- - ----- ---------- ------ -- - -- ----- --- - ------------------------ ------------- -- - ------ ----------- - ------------------- -- --- ----------------- -- ------展开代码
上面的代码中，我们首先定义了一个对象数组 arr，然后使用 reduce 方法对其进行求和操作。reduce 方法的回调函数接受两个参数：累加器 accumulator 和当前元素的值 currentValue，我们将它们的分数相加后返回即可。最后，输出 sum 的值，结果为 240，这是对象数组中所有元素的分数之和。
三、reduce 和 reduceRight 的指导意义
reduce 和 reduceRight 是两个非常实用的数组方法，它们可以帮助我们更加方便地对数组进行操作。在实际开发中，我们可以使用它们来处理各种不同类型的数组，如数字数组、字符串数组和对象数组等等。
同时，在使用 reduce 和 reduceRight 的时候，我们也要遵循一些注意事项：
在回调函数中，要保证操作的纯粹性，即不修改累加器和当前元素的值，而是通过返回一个新的值来生成结果。
在处理对象数组时，要保证当前元素的属性名是固定的。
在使用 reduce 或 reduceRight 时，要定义一个初始值，否则可能会出现意想不到的结果。
总之，掌握 reduce 和 reduceRight 的使用方法，将有助于我们更加高效地开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c7ecd6e46428fe9ed93901
