本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
(资料图)
方法1:使用for循环
实现思想:
使用for循环遍历数组
在循环体中,利用“+=”运算符将数组元素一个个相加求和
实现示例:
var arr = [1,2,3,4,5,6,7,8,9,10];var i,sum=0;for(i=0;i登录后复制
方法2、使用forEach()方法
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
语法:
array.forEach(funtion callbackfn(value, index, array), thisValue)
登录后复制
funtion callbackfn(value, index, array)
:必需参数,指定回调函数,最多可以接收三个参数:
value:数组元素的值。
index:数组元素的数字索引。
array:包含该元素的数组对象。
thisValue
:可省略的参数,回调函数中的 this 可引用的对象。如果省略 thisArg,则 this 的值为 undefined。
下面通过代码示例来具体了解一下:
示例:将数组值进行累加求和
var a = [10, 11, 12], sum = 0;function f(value) {sum += value;}a.forEach(f);console.log(sum);
登录后复制
方法3、使用reduce() 方法
reduce() 方法可对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。
语法:
array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
登录后复制
function callbackfn(previousValue, currentVaule, currentIndex, array)
:必需参数,指定回调函数,最多可以接收4个参数:
previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。
currentVaule:当前元素数组的值。
currentIndex:当前数组元素的数字索引。
array:包含该元素的数组对象。
initialValue
:可省略的参数,传递给函数的初始值。
下面通过代码示例来具体了解一下:
示例:将数组值进行累加求和
var a = [11, 12, 13], sum = 0;function f(pre,curr) {sum=pre+curr;return sum;}a.reduce(f);console.log(sum);
登录后复制
输出结果:
【相关推荐:javascript视频教程、编程视频】
以上就是JavaScript怎么实现数组元素相加的详细内容,更多请关注php中文网其它相关文章!