JavaScript如何实现数组元素相加

这篇文章主要介绍“JavaScript如何实现数组元素相加”，在日常操作中，相信很多人在JavaScript如何实现数组元素相加问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JavaScript如何实现数组元素相加”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

在石河子等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站设计、外贸营销网站建设网站设计制作按需求定制网站,公司网站建设,企业网站建设,高端网站设计,全网整合营销推广,成都外贸网站制作,石河子网站建设费用合理。

3种实现方法：1、使用for循环，语法“for(i=0;i<数组长度;i++){sum+=arr[i];}”；2、使用forEach()函数，语法“function f(value){sum+=value;}数组对象.forEach(f);”；3、使用reduce()函数，语法“function f(p,c){s=p+c;return s;}数组对象.reduce(f);”。

本教程操作环境：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如何实现数组元素相加                

                URL网址：http://dzwzjz.com/article/pjidce.html

大橙子网站建设，新征程启航

JavaScript如何实现数组元素相加

其他资讯