JavaScript中reduce()方法的使用详解
JavaScript 数组reduce()方法同时应用一个函数针对数组的两个值(从左到右)，以减至一个值。
语法
array.reduce(callback[, initialValue]);
下面是参数的详细信息：
- callback : 函数执行在数组中每个值
- initialValue : 对象作为第一个参数回调的第一次调用使用
返回值:
返回数组的减少单一个值
兼容性：
这种方法是一个JavaScript扩展到ECMA-262标准; 因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码的顶部：
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;
};
}
例子：
<html>
<head>
<title>JavaScript Array reduce Method</title>
</head>
<body>
<script type="text/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 total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; });
document.write("total is : " + total );
</script>
</body>
</html>
这将产生以下结果：
total is : 6
-
本文向大家介绍详解JavaScript中数组的reduce方法，包括了详解JavaScript中数组的reduce方法的使用技巧和注意事项，需要的朋友参考一下 介绍 我们先来看看这个方法的官方概述：reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。 你一定也和我一样看的有点迷糊，其实reduce接收的就是一个回调函数，去调用数
-
本文向大家介绍JavaScript中setMonth()方法的使用详解，包括了JavaScript中setMonth()方法的使用详解的使用技巧和注意事项，需要的朋友参考一下 javascript Date.setMonth()方法按照本地时间设置每月指定日期。 语法 注：括号内外观和数据是可选的 下面是参数的详细信息： monthValue : 从0到11的整数(表示个月份，从一月到十
-
本文向大家介绍JavaScript中的fontsize()方法使用详解，包括了JavaScript中的fontsize()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 此方法会导致就好像它是在一个<font size="size">标记的字符串显示在规定的大小 语法 下面是参数的详细信息： color: 1和7之间的整数，代表1和7之间的有符号整数的字符串 返回值: 返回
-
本文向大家介绍JavaScript中的bold()方法使用详解，包括了JavaScript中的bold()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 此方法将导致就好像它是在一个<b>标签的字符串显示为粗体。 语法 下面是参数的详细信息： NA: 返回值: 返回字符串含有<b>标签 例子： 这将产生以下结果：
-
本文向大家介绍JavaScript中的lastIndexOf()方法使用详解，包括了JavaScript中的lastIndexOf()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 此方法调用String对象之内返回索引指定的值最后一次出现，开始搜索在的fromIndex或如果没有找到该值则返回-1。 语法 下面是参数的详细信息： searchValue : 一个字符串，表示要搜索
-
本文向大家介绍JavaScript中的toUTCString()方法使用详解，包括了JavaScript中的toUTCString()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 该方法使用通用时间约定一个日期转换为字符串。 语法 下面是参数的详细信息： NA 返回值: 返回转换日期为字符串，使用通用的时间约定。 例子： 这将产生以下结果：