JavaScript数组总结--数组求和

简单回顾下知识：
push():项数组末尾添加一个或多个元素
unshift():项数组的开头添加一个或多个元素
pop():删除数组的最后一个元素
shift():删除数组的第一个元素
sort():给数组排序
reverse():颠倒数组在数组中的位置
concat()：将数组添加到数组末端、数组合并
slice():指定位置，删除指定的数组项，返回删除的数组项为一个新数组
splice()：对数组进行删除，插入和替换
indexOf():从前向后查找元素在数组中的位置
lastIndexOf():从后项前查找元素在数组中的位置
foreEach()every()some()filter()map()：数组迭代
reduce()：数组中的每个值从左志友开始合并，最终为一个值
reduceRight()：数组中的每个值从右至左合并，最终为一个值
数组求和

var array=[],num=null;//假定一个从1到100的数组
    for(var i=0;i<100;i++){
        array[i]=i+1;
    }
function getsum(array){//求和函数
  var num=0;
  for(var i=0;i

for/while循环求和

//for 循环求和
    console.time("getSum");
    for(var i=0;i<100000;i++){//100000
        getsum(array);
    }
    console.timeEnd("getSum");//打印执行时间
    console.log(num);

while

(function(){
        num = 0;
        function getSum(array){
            var i = array.length;
            while(i--){
                num+=parseInt(array[i]);
            }
            return num;
        }
        console.time("getSum");
        for(var i=0;i<100000;i++){//100000
            getsum(array);
        }
        console.timeEnd("getSum");//打印执行时间
        console.log(num);
    })()

for in

    (function(){
        function getsum(array){//求和函数
            num=0;
            for(var i in array){
                num=num+array[i];
            }
        }
        console.time("for-in-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            getsum(array);
        }
        console.timeEnd("for-in-getSum");//for-in-getSum: 846.880ms
    })();

出了常用的for/while，我们利用新学习的数组迭代方法进行求和运算

forEach

//forEach
    (function(){
        
        function getSum(current,index,array){//foreach的函数参数代表什么意思？

            num=num+current;
        }
        console.time("forEach-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            array.forEach(getSum)
        }
        console.timeEnd("forEach-getSum");//forEach-getSum: 119.355ms
        console.log(num);
    })();

every

    (function(){
        
        function getSum(current,index,array){//数组每一个元素都通过返回1或者0 所以需要返回true
            num=num+current;
            return true
        }
        console.time("every-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            array.every(getSum)
        }
        console.timeEnd("every-getSum");//every-getSum: 124.082ms
        console.log(num);//5050
    })();

map

(function(){
        
        function getSum(current,index,array){
            num=num+current;
        }
        console.time("map-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            array.map(getSum);//map每次调用的结果返回新数组
        }
        console.timeEnd("map-getSum");//map-getSum: 1116.257ms
        console.log(num);//5050
    })();

some

(function(){
        
        function getSum(current,index,array){//用some怎么遍历求和呢？
            num=num+current;
        }
        console.time("some-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            array.some(getSum)
        }
        console.timeEnd("some-getSum");//some-getSum: 128.142ms
        console.log(num);//5050
    })();

filter

(function(){
        
        function getSum(current,index,array){
            num=num+current;
        }
        console.time("filter-getSum");
        for(var i=0;i<100000;i++){//100000
            num = 0;
            array.filter(getSum);//filter将满足条件的元素形成新的数组
        }
        console.timeEnd("filter-getSum");//filter-getSum: 136.716ms
        console.log(num);//5050
    })();

reduce

//reduce
    (function(){
        function getSum(preValue,curValue,index, array) {
            return preValue + curValue;
        }

        console.time("reduce-getSum");
        for (var i = 0; i < 100000; i++){
            sum = array.reduce(getSum, 0)
        }
        console.timeEnd("reduce-getSum"); // 70.942ms
        
    })()

最后发现while的执行之间最短，reduce 也比较快。虽然这些遍历的方法能让实现数组的求和，但是不同的方法对性能有所不同。尽管很简单，但也是自身的学习。如果您发现有什么错误，欢迎反馈给我。