信鸽网

JavaScript中reduce()方法的使用详解

  作者：bea

JavaScript 数组reduce()方法同时应用一个函数针对数组的两个值(从左到右)，以减至一个值。 语法 array.reduce(callback[, initialValue]); 下面是参数的详细信息： callback : 函数执行在数组中每个值 initialValue : 对象作为第一个参数回调的第一次调用使用 返回值: 返回数组的减少单一个值 兼容性： 这种方法是一个JavaScript扩展到ECMA-262标准; 因此它可能不存在在标

 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





有用  |  无用

猜你喜欢

您可能感兴趣的文章: