数组求和方法比较

数组方法介绍：

every()       检测数值元素的每个元素是否都符合条件。
filter()      检测数值元素，并返回符合条件所有元素的数组。
map()        通过指定函数处理数组的每个元素，并返回处理后的数组。
some()       用于检测数组中的元素是否满足指定条件（函数提供）。
reduce()       数组中的每个值（从左到右）开始合并，最终为一个值
reduceRight()    数组中的每个值（从右到左）开始合并，最终为一个值
eval()         计算 JavaScript 字符串，并把它作为脚本代码来执行。
for            循环代码块一定的次数
while         当指定的条件为 true 时循环指定的代码块
do/while       同样当指定的条件为 true 时循环指定的代码块
for in         循环遍历对象的属性
forEach      调用数组中的每个元素。

具体方法及代码：

首先设定一个作为数据源的数组

var arr = [1, 2, 3, 4, 5, 6,7,8,9,10];

• every()方法：

(function() {
    var sum = 0;
    function getSum(item, index, array) {
        sum += item;
        console.log(sum);
        return true;//由于every方法是会在遇到回调函数返回的第一个false时停止遍历所以需要始终返回true
    };
    arr.every(getSum);
    console.log("use every:sum = " + sum);
})();

• some()方法：

(function() {
    var sum = 0;
    function getSum(item, index, array) {
        sum += item;
        console.log(sum);
    };
    arr.some(getSum);
    console.log("use some:sum = " + sum);
})();

• array.filter()方法：

(function() {
    var sum = 0;
    function getSum(item, index, array) {
        sum += item;
        console.log(sum);
    };
    arr.filter(getSum);
    console.log("use filter:sum = " + sum);
})();

• array.map()方法：

(function() {
    var sum = 0;

    function getSum(item, index, array) {
        sum += item;
        console.log(sum);
    };
    arr.map(getSum);
    console.log("use map:sum = " + sum);
})();

• froEach()方法：

(function() {
    var sum = 0;

    function getSum(item, index, array) {
        sum += item;
        console.log(sum);
    };
    arr.forEach(getSum);
    console.log("use forEach:sum = " + sum);
})();

• reduce()正向归并方法：

arr.reduce(function(prevResult, item, index, array) {
    return prevResult += item;
});

• reduceRight()逆向归并方法：

arr.reduceRight(function(prevResult, item, index, array) {
    return prevResult += item;
});

• for循环方法

(function() {
    for (var i = 0, sum = 0; i < arr.length; i++) {
        sum += arr[i];
        console.log(sum);
    }
    console.log("use for:sum = " + sum);
})();

• while循环方法

(function(){
    var i = 0, sum = 0;
    while(i<arr.length){
        sum+=arr[i];
        console.log(sum);
        i++;
    }
    console.log("use while:sum = " + sum);
})();

• for -in方法

(function() {
    var sum = 0;
    for (var index in arr) {
        sum += arr[index];
        console.log(sum);
    }
    console.log("use for-in:sum = " + sum);
})();

• forEach()方法（改写）

var calc = {
    sum: 0
};
function getSum(item, index, array) {
    this.sum += item;
    console.log(this.sum);
}
arr.forEach(getSum,calc);
console.log('use forEach and change this:sum=' + calc.sum);

• join()方法

eval(arr.join("+"));
/*这里先将所有数组项通过字符串"+"连为一个字符串"1+2+3+4+5+6"，然后返回的这个字符串传给eval()方法，eval()方法接收了这段字符串后，就直接将这段字符串中的代码放在当前作用域下执行了。*/

效率比较：

console.time("getSum");
    for (var i = 0; i < 1000000; i++){
        sum = 0;
        getSum(arr);
    }
    console.timeEnd("getSum");//获得计算时间；

比较:浏览器–Google Chrome

forEach方法（1264.000ms）<every方法（1276.000ms）<filter方法（1416.000ms）<some方法（1448.000ms）<reduce方法（4061.000ms）<map方法（4695.000ms）<for方法（8733.000ms）<while方法（9541.000ms）

参考文章：

• 《JavaScript Array 对象》；

• 《【JS趣味】数组求和的方法收集》；

• 《JavaScript学习笔记：数组求和方法 》