关键词

JS数组求和的常用方法总结【5种方法】

下面是JS数组求和的常用方法总结【5种方法】的详细攻略:

1. 普通循环求和

利用循环遍历数组中的每一个元素,并累加求和。具体代码如下:

function sum(arr) {
  let result = 0;
  for (let i = 0; i < arr.length; i++) {
    result += arr[i];
  }
  return result;
}

示例说明:

const arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

2. reduce()方法求和

使用reduce()方法对数组元素进行迭代计算,并返回汇总结果。具体代码如下:

function sum(arr) {
  return arr.reduce((prev, cur) => prev + cur);
}

示例说明:

const arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

3. eval()函数求和

将数组元素拼接成一个字符串,并利用eval()函数将该字符串作为表达式计算,返回计算结果。具体代码如下:

function sum(arr) {
  return eval(arr.join("+"));
}

示例说明:

const arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

但需要注意的是,由于eval()函数的安全问题,不建议使用该方法进行计算,特别是在处理外部数据时。

4. apply()方法求和

利用apply()方法将数组作为参数传递给Math对象的sum()方法进行计算,返回计算结果。具体代码如下:

function sum(arr) {
  return Math.sum.apply(null, arr);
}

但是,由于Math对象本身没有sum()方法,需要自定义该方法:

Math.sum = function() {
  return Array.prototype.reduce.call(arguments, (prev, cur) => {
    return prev + cur;
  });
};

示例说明:

const arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

5. ES6的扩展运算符求和

利用ES6的扩展运算符将数组元素展开作为函数参数,然后计算结果并返回。具体代码如下:

function sum(arr) {
  return [...arr].reduce((prev, cur) => prev + cur);
}

示例说明:

const arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

以上就是JS数组求和的常用方法总结【5种方法】的详细攻略,希望对你有所帮助。

本文链接:http://task.lmcjl.com/news/15837.html

展开阅读全文