JavaScript 中的数组是一个对象,它允许您在单个变量名称下存储多个值的有序集合,并以多种方式操作这些值。
在本文中,您将学习如何使用几种不同的方法计算给定数组中所有数字的总和。
具体来说,使用以下方法得到数组中所有数字的总和:
- for循环
- forEach()
- reduce()
for循环
计算数组中所有数字之和的最简单方法之一是使用循环,它执行迭代次数:for n
让我们看一下以下示例:
// create an array
let myNums = [1, 2, 3, 4, 5];
// create a variable for the sum and initialize it
let sum = 0;
// iterate over each item in the array
for (let i = 0; i < myNums.length; i++ ) {
sum += myNums[i];
}
console.log(sum) // 15
在上面的示例中,我首先创建了一个名为存储五个值的数组。myNums
然后,我声明了一个名为该变量的变量,并使用其值对其进行初始化 - 此变量将在循环中存储计算结果。
接下来,我使用循环遍历所有元素,直到数组的末尾。
我还使用加法赋值运算符重新分配了变量的值,方法是将其当前值和当前数组元素相加。sum
forEach()
计算数组总和的另一种方法是使用 JavaScript 的内置方法。它遍历一个数组并为每个项目调用一个函数。forEach()
让我们看一下以下示例:
// create an array
const myNums = [1,2,3,4,5];
// create a variable for the sum and initialize it
let sum = 0;
// calculate sum using forEach() method
myNums.forEach( num => {
sum += num;
})
console.log(sum) // 15
在上面的示例中,我创建了一个数组。我还声明了一个名为 的变量,并使用值对其进行了初始化,然后,我使用该forEach()方法遍历数组中的每个项目。
在每次迭代中,我通过在每次迭代中添加变量的当前值和当前数组元素的值来重新分配变量的值。
要了解有关该函数的更多信息,请阅读本文。forEach()
reduce()
计算数组总和的另一种方法是使用该方法,该方法在 ES6 中引入。该方法将数组中的所有元素减少为单个值
让我们看一下以下示例:
// create an array
const myNums = [1,2,3,4,5];
// use reduce() method to find the sum
var sum = myNums.reduce((accumulator, currentValue) => {
return accumulator + currentValue
},0);
console.log(sum) // 15
该方法将用户定义的回调函数作为其第一个必需参数。该函数在数组中的每个元素上被调用。
回调函数接受以下两个必需参数:
- accumulator:这是存储上一次函数调用的最后一个返回值的变量。
- currentValue:表示当前数组项。
您已经学习了三种在 JavaScript 中计算数组之和的方法。要了解有关 JavaScript 的更多信息可以看JavaScript官方教程,感谢您的阅读,祝您编码愉快!