📜  JavaScript数组reduceRight()

📅  最后修改于: 2020-09-27 05:54:23             🧑  作者: Mango

JavaScript Array reduceRight()方法在数组的每个元素上执行一个reducer 函数 ,并将其应用于累加器。

reduceRight()方法的语法为:

arr.reduceRight(callback(accumulator, currentValue), initialValue)

在这里, arr是一个数组。


reduceRight()参数

reduceRight()方法采用:

  • callback-在每个数组元素上执行的函数 。它包含:
    • 累加器 -累积回调的返回值。如果提供的话,它是首次调用的initialValue
    • currentValue-从数组传递的当前元素。
  • initialValue (可选)-将在第一次调用时传递给callback()值。如果未提供,则最后一个元素在第一次调用时充当累加器 ,并且不会在其上执行callback()

注意:在没有initialValue的空数组上调用reduceRight()会引发TypeError


从reduceRight()返回值
  • 返回缩小数组后得到的值。

注意事项

  • reduceRight()从右到左为每个值执行给定的函数 。
  • reduceRight()不会更改原始数组。
  • 提供initialValue几乎总是更安全。

示例1:数组的所有值的总和
const numbers = [1, 2, 3, 4, 5, 6];

function sum_reducer(accumulator, currentValue) {
  return accumulator + currentValue;
}

let sum = numbers.reduceRight(sum_reducer);
console.log(sum); // 21

// using arrow function
let summation = numbers.reduceRight(
  (accumulator, currentValue) => accumulator + currentValue
);
console.log(summation); // 21

输出

21
21

示例2:减去数组中的数字
const numbers = [50, 300, 20, 100, 1800];

// subtract all numbers from last number
// since 1st element is called as accumulator rather than currentValue
// 1800 - 100 - 20 - 300 - 50 
let difference = numbers.reduceRight(
  (accumulator, currentValue) => accumulator - currentValue
);
console.log(difference); // 1330

const expenses = [1800, 2000, 3000, 5000, 500];
const salary = 15000;

// function that subtracts all array elements from given number
// 15000 - 500 - 5000 - 3000 - 2000 - 1800
let remaining = expenses.reduceRight(
  (accumulator, currentValue) => accumulator - currentValue,
  salary
);
console.log(remaining); // 2700

输出

1330
2700

这个例子清楚地说明了传递initialValue和不传递initialValue之间的区别。


示例3:创建复合函数
// create composite functions
const composite = (...args) => (initialArg) => args.reduceRight((acc, fn) => fn(acc), initialArg);

const sqrt = (value) => Math.sqrt(value);
const double = (value) => 2 * value;

const newFunc = composite(sqrt, double);

// ( 32 * 2 ) ** 0.5
let result = newFunc(32);
console.log(result); // 8

输出

8

我们知道函数组合是将一个函数的结果传递给另一个函数。执行从右到左进行,因此我们可以利用reduceRight() 函数。

在此示例中,我们创建了一个composite() 函数 ,该函数接受任意数量的参数。该函数返回另一个接受initialArg 函数 ,并返回通过将其从右到左应用于给定函数而减小的值。


推荐读物: JavaScript Array reduce()