说明

Javascript array reduce()方法同时针对数组的两个值(从左到右)应用一个函数，以便将其缩减为单个值。

语法

array.reduce(callback[, initialValue]);

参数明细

callback−对数组中的每个值执行的函数。

initialValue−用作回调第一次调用的第一个参数的对象。 如果不提供，则跳过第一个循环。

返回值

返回一个带有回调返回值的新数组。

兼容性

此方法是ECMA-262标准的JavaScript扩展；因此，它可能不会出现在该标准的其他实现中。要使其正常工作，我们需要在脚本的顶部添加以下代码。

if (!Array.prototype.reduce) {
   Array.prototype.reduce = function(fun /*, initial*/) {
      var len = this.length;
      
      if (typeof fun != "function")
      throw new TypeError();
      
      // no value to return if no initial value and an empty array
      if (len == 0 && arguments.length == 1)
      throw new TypeError();
      
      var i = 0;
      if (arguments.length >= 2) {
         var rv = arguments[1];
      } else {
         do {
            if (i in this) {
               rv = this[i++];
               break;
            }
            
            // if array contains no values, no initial value to return
            if (++i >= len)
            throw new TypeError();
         }
         while (true);
      }
      for (; i < len; i++) {
         if (i in this)
         rv = fun.call(null, rv, this[i], i, this);
      }
      return rv;
   };
}

示例 - 基本用法

var array = [2, 4, 8];

var result = array.reduce(function () {
	console.log(this);
	return true;
});

console.log(result);  // true
console.log(array);   // [2, 4, 8]

示例

var arr = [2, 4, 8];

var result = arr.reduce(function (previous, value, index, array) {
	console.log(previous, value, index, array);
	return true;
});

console.log(result);  // true
console.log(arr);     // [2, 4, 8]

示例-传入一个自定义对象

var array = [2, 4, 8];

var result = array.reduce(function () {
	console.log(this);
	return true;
}, document.location);

console.log(result);  // true
console.log(array);   // [2, 4, 8]

示例 - 返回一个新数组

var array = [1, 2, 3, 4, 5];

var result = array.reduce(function (previous, value) {
	var sum = previous + value;
	console.log(previous, value, sum);
	return sum;
});

console.log(result);  // 15

示例 - 在某个条件进行中断

var array = [2, 4, 8];

var result = array.reduce(function (value) {
	if (value === 4) {
		return false;
	}
	return true;
});

console.log(result);  // true
console.log(array);   // [2, 4, 8]