js数组合并为字符串,js数组累加方法
在之前的文章《JS数组学习之怎么拼接全部元素,返回一个字符串》中,我们学习了将数组转换为字符串的方法。有需要的朋友可以了解一下~
本文带你聊聊数组的迭代运算,介绍两种计算元素之和以及将值链接成字符串的方法。
方法1、使用forEach()方法
forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。
语法:
Array . foreach(function callback fn(value,index,array),this value)function callback fn(value,index,array):必选参数,指定回调函数,最多可以接收三个参数:
Value:数组元素的值。
Index:数组元素的数字索引。
Array:包含这个元素的数组对象。
ThisValue:可选参数,可以在回调函数中被this引用。如果省略thisArg,则此的值是未定义的。
让我们仔细看看下面的代码示例:
示例1:输出数组元素
函数f(值,索引,数组){
console.log(a[ index ]=值);
}
var a=[a , b , c ];
a . foreach(f);
示例2:将数组值进行累加求和
var a=[10,11,12],sum=0;
函数f(值){
总和=值;
}
a . foreach(f);
console . log(sum);
示例3:将数组值连接成字符串
var a=[ab , cd , ef],str=
函数f(值){
//str=str值;
str=str . concat(value);
}
a . foreach(f);
console . log(str);
方法2、使用reduce() 方法
reduce()方法可以对数组中的所有元素调用指定的回调函数。回调函数的返回值是累积的结果,这个返回值在下次调用回调函数时作为参数提供。
语法:
Array.reduce(函数回调fn(前一值,当前值,当前索引,数组),初始值)函数回调fn(前一值,当前值,当前索引,数组):必选参数,指定回调函数,最多可以接收4个参数:
PreviousValue:上次调用回调函数获得的值。如果reduce()方法带有initialValue,则第一次调用该函数时,previousValue为initialValue。
CurrentVaule:当前元素数组的值。
当前数组元素的数字索引。
Array:包含这个元素的数组对象。
InitialValue:传递给函数初始值的可选参数。
让我们仔细看看下面的代码示例:
示例1:将数组值进行累加求和
var a=[11,12,13],sum=0;
函数f(前,后){
sum=pre curr
返回总和;
}
a .减少(f);
console . log(sum);输出结果:
36示例2:将数组值连接成字符串
var a=[11,12,13],str=“”;
函数f(前,后){
str=pre curr
返回字符串;
}
a .减少(f);
console . log(str);
如果要使用分隔符来分隔每个数组元素,可以将回调函数中两个“”运算符之间的空字符串更改为指定的分隔符:
var a=[11,12,13],str=“”;
函数f(前,后){
str=pre - curr;
返回字符串;
}
a .减少(f);
console . log(str);
好了,就这样。有需要的可以看看:javascript高级教程。以上是JS数组学习的详细内容,即计算元素的和,将值连接成字符串。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。