JavaScript 教程

JavaScript基础教程: JavaScript this 关键字; JavaScript 严格模式(use strict); JavaScript 提升(Hoisting); JavaScript Cookie; JavaScript 弹出框; JavaScript 表单验证; JavaScript 实践经验; JavaScript 常见错误; JavaScript 定时器(Timing); JavaScript 性能; JavaScript 调试; JavaScript 错误处理; JavaScript Boolean(布尔) 对象; JavaScript 正则表达式(RegExp); JavaScript 随机数(Random); JavaScript 事件监听; JavaScript 事件(Events); JavaScript 数组方法; JavaScript Array(数组) 对象; JavaScript 类型转换; JavaScript Math(算数) 对象; JavaScript 数值(Number); JavaScript 字符串方法; JavaScript 变量作用域; JavaScript 字符串(String); JavaScript break和continue语句; JavaScript While 循环; JavaScript 日期(Date); JavaScript For 循环; JavaScript 对象(Object); JavaScript 函数(Function); JavaScript switch语句; JavaScript 事件传播; JavaScript 条件语句; JavaScript 运算符优先级; JavaScript 数组迭代方法; JavaScript 变量; JavaScript 注释; JavaScript 数值方法; JavaScript 语句; JavaScript 输出; JavaScript 运算符; JavaScript 用法; JavaScript 常用示例; JavaScript 数据类型; JavaScript 语法; JavaScript continue 语句; JavaScript String lastIndexOf() 方法; JavaScript Math.cos() 方法; JavaScript Math.max() 方法; JavaScript if...else 语句; JavaScript Math.sin() 方法; JavaScript MIN_VALUE 属性; JavaScript String match() 方法; JavaScript eval() 函数; JavaScript Error message 属性; JavaScript Error name 属性; HTML DOM removeEventListener() 方法; JavaScript RegExp exec() 方法; JavaScript 数组 sort() 方法; JavaScript 数组 reverse() 方法; JavaScript 数组 indexOf() 方法; JavaScript 数组 slice() 方法; JavaScript 数组 lastIndexOf() 方法; JavaScript 数组 splice() 方法; JavaScript 数组 shift() 方法; JavaScript RegExp test() 方法; JavaScript 数组 isArray() 方法; JavaScript 数组 fill() 方法; JavaScript 数组 pop() 方法; JavaScript 数组 unshift() 方法; JavaScript 数组 length 属性; JavaScript 数组 push() 方法; JavaScript 数组 concat() 方法; JavaScript 数组 join() 方法; JavaScript 数组 toString() 方法; JavaScript String() 函数; JavaScript Math.random() 方法; JavaScript Math.ceil() 方法; JavaScript Math.floor() 方法; JavaScript Math.abs() 方法; JavaScript Math.sqrt() 方法; JavaScript Math.pow() 方法; JavaScript Math.round() 方法; JavaScript Math.PI 属性; JavaScript String charCodeAt() 方法; JavaScript String charAt() 方法; JavaScript isNaN() 函数; JavaScript Math.min() 方法; JavaScript String substr() 方法; JavaScript String substring() 方法; JavaScript String slice() 方法; JavaScript String replace() 方法; JavaScript String indexOf() 方法; JavaScript String split() 方法; JavaScript String search() 方法; JavaScript toUpperCase() 方法; JavaScript String concat() 方法; JavaScript String length 属性; JavaScript getUTCMinutes() 方法; JavaScript getUTCDate() 方法; JavaScript getUTCMonth() 方法; JavaScript getUTCHours() 方法; JavaScript String trim() 方法; JavaScript setMilliseconds() 方法; JavaScript setSeconds() 方法; JavaScript setTime() 方法; JavaScript getUTCMilliseconds() 方法; JavaScript setMinutes() 方法; JavaScript getUTCSeconds() 方法; JavaScript setMonth() 方法; JavaScript setHours() 方法; JavaScript setFullYear() 方法; JavaScript getTime() 方法; JavaScript setDate() 方法; JavaScript getUTCFullYear() 方法; JavaScript getMinutes() 方法; JavaScript getUTCDay() 方法; JavaScript getHours() 方法; JavaScript getMonth() 方法; JavaScript getDate() 方法; JavaScript getSeconds() 方法; JavaScript getMilliseconds() 方法; JavaScript getFullYear() 方法; JavaScript 数组 findIndex() 方法; JavaScript 数组 filter() 方法; JavaScript getDay() 方法; JavaScript 数组 every() 方法; JavaScript 数组 find() 方法; JavaScript 数组 map() 方法; JavaScript Date 对象; JavaScript Number.NaN 属性; JavaScript POSITIVE_INFINITY 属性; JavaScript 数组 forEach() 方法; JavaScript MAX_VALUE 属性; HTML DOM addEventListener() 方法; JavaScript 数组 reduce() 方法; JavaScript NEGATIVE_INFINITY 属性; JavaScript Number valueOf() 方法; JavaScript Number toString() 方法; JavaScript parseFloat() 函数; JavaScript parseInt() 函数; JavaScript Number() 函数; JavaScript toFixed() 方法; JavaScript for...of 语句; JavaScript toExponential() 方法; JavaScript do...while 语句; JavaScript while 语句; JavaScript for...in 语句; JavaScript toPrecision() 方法; JavaScript switch 语句; JavaScript throw 语句; HTML DOM console.log() 方法; HTML DOM getElementById() 方法; Window alert() 方法; JavaScript for 语句; HTML DOM innerHTML 属性; JavaScript undefined 属性; HTML DOM write() 方法; HTML DOM style 属性; JavaScript null 空值; JavaScript try...catch 语句; JavaScript break 语句; JavaScript var 语句; JavaScript let 语句; JavaScript const 语句; JavaScript Date.UTC() 方法; JavaScript Date.now() 方法; JavaScript toTimeString() 方法; JavaScript Date toString() 方法; JavaScript toISOString() 方法; JavaScript toJSON() 方法; JavaScript toDateString() 方法; JavaScript toUTCString() 方法; JavaScript setUTCSeconds() 方法; JavaScript Date.parse() 方法; JavaScript setUTCMonth() 方法; JavaScript Date valueOf() 方法; JavaScript setUTCMilliseconds() 方法; JavaScript setUTCHours() 方法; JavaScript toLocaleTimeString() 方法; JavaScript setUTCMinutes() 方法; JavaScript Date constructor 属性; JavaScript toLocaleDateString() 方法; JavaScript toLocaleString() 方法; JavaScript setUTCFullYear() 方法; JavaScript setUTCDate() 方法; JavaScript getTimezoneOffset() 方法; JavaScript Date prototype 属性

JavaScript 对象: JavaScript 对象原型; JavaScript 对象构造函数; JavaScript 创建对象; JavaScript 对象方法; JavaScript 对象属性

JavaScript 函数: JavaScript 闭包; JavaScript 函数应用; JavaScript 函数调用; JavaScript 函数参数; JavaScript 函数定义

JS HTML DOM: JS DOM 改变元素属性; JS DOM 改变CSS; JS DOM Navigation; JS DOM 改变HTML内容; JS HTML DOM选择器; JS HTML DOM方法; JS HTML DOM(文档对象模型)

JS 浏览器BOM: JS Window History; JS Window Navigator; JS Window Location; JS Window 浏览器对象模型; JS Window Screen

AJAX 基础教程

JavaScript 参考手册

当前位置：首页 JavaScript JavaScript 教程 JavaScript基础教程

JavaScript 数组 reduce() 方法

发布时间：2016-03-02 修改时间：2023-02-24 由网友大卫发布阅读 17

JavaScript 数组 reduce() 方法

JavaScript 数组对象

reduce()方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce()方法为每个数组索引执行一次回调函数。

函数的返回值存储在累加器（result）中。

语法：

array.reduce(callback, initialValue)

示例

var nums = [10, 20, 30, 40, 50];
var sum = nums.reduce(getTotal);

function getTotal(x, y) {
return (x + y);
}

测试看看‹/›

浏览器兼容性

表格中的数字指定了完全支持reduce()方法的第一个浏览器版本：

Method
reduce()	是	3	10.5	4	9

参数值

参数	描述
callback	为数组中的每个元素运行的函数。函数参数： accumulator（必需）- 函数的initialValue或先前返回的值 element（必填）-数组中正在处理的当前元素 index（可选）-数组中正在处理的当前元素的索引 array（可选）- 调用了数组reduce()
initialValue	（可选）用作首次调用回调的第一个参数的值。如果未提供初始值，则将使用数组中的第一个元素。

技术细节

返回值：	减少产生的值
JavaScript版本：	ECMAScript 5

更多实例

本示例删除数组中的重复项：

示例

var nums = [10, 20, 10, 20, 13, 5, 4, 5, 13, 4, 4, 4, 4];

let result = nums.sort().reduce((accumulator, current) => {
const length = accumulator.length;
if (length === 0 || accumulator[length - 1] !== current) {
accumulator.push(current);
}
return accumulator;
}, []);

function myFunc() {
   document.getElementById("result").innerHTML = result;
}

测试看看‹/›

reduce()和reduceRight()之间的区别：

示例

var arr = ['1', '2', '3', '4', '5'];

function funcReduce() {
var val = arr.reduce(function(x, y) {return x + y;});
document.getElementById("result").innerHTML = val;
}

function funcReduceRight() {
var val = arr.reduceRight(function(x, y) {return x + y;});
document.getElementById("result").innerHTML = val;
}

测试看看‹/›

JavaScript 数组对象

HTML DOM addEventListener() 方法 JavaScript NEGATIVE_INFINITY 属性