array的reduce

 

    ES5 (js 1.8)加入了 reduce

 

    接收一个函数，然后从左到右遍历item，直到reduce到一个值。

 

arr.reduce(callback, [initialValue]);

 

   参数：

 

• callback(previousValue, currentValue, index, array)

1. previousValue   如果指定了initialValue，那就用initialValue 或者 是上一次循环返回的值
2. currentValue      当前执行到的数组的值
3. index                   当前执行到的数组的下标
4. array                    执行reduce的array

 

 

• initialValue

     callback 调用时候的第一个参数

 

 

   我们来直观地看一个例子：

 

    

 

 

   第一次执行的reduce里面的callback的arguments的情况：

 

    

 

  我们看到，如果你指定了initialValue的化，第一次执行的时候，callback的第一个参数就是它，而index为0

 

 

 

   那如果没有指定initialValue呢？

 

 

     

 

     

 

previousValue取arr[0]，然后index为1

 

 

 

    那说了这么多，它有没有什么用？

 

 

• 把一个数组里面的数字做加法：

 

 

[1,2,3,4].reduce(function(a, b) { return a + b;});

 

 

• 合并二维数组：

[[0,1], [2,3], [4,5]].reduce(function(a, b) { return a.concat(b);});

 

 

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net

相关推荐: 让小牛来跟着鼠标移动事件

这几天拖延了一段时间不太好意思，今天还是带来一个很有意思的按钮，小牛跟着我的鼠标移动这个案例啊 HTML 就这么一个盒子 然后是CSS部分 *{ margin: 0; padding: 0; } body{ background: rgb(240,230,24…