您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
三六零分类信息网 > 蚌埠分类信息网,免费分类信息发布

JS数组学习之迭代数组计算元素总和、将值连接成字符串

2025/6/28 21:46:25发布6次查看
在之前的文章《js数组学习之怎么拼接全部元素,返回一个字符串》中,我们了解了将数组转为字符串的方法,有需要的朋友可以学习了解一下~
本篇文章带大家聊聊数组的迭代操作,介绍两种计算元素总和、将值链接成字符串的方法。
方法1、使用foreach()方法
foreach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
语法:
array.foreach(funtion callbackfn(value, index, array), thisvalue)
funtion callbackfn(value, index, array):必需参数,指定回调函数,最多可以接收三个参数:
value:数组元素的值。
index:数组元素的数字索引。
array:包含该元素的数组对象。
thisvalue:可省略的参数,回调函数中的 this 可引用的对象。如果省略 thisarg,则 this 的值为 undefined。
下面通过代码示例来具体了解一下:
示例1:输出数组元素
function f(value,index,array) { console.log("a[" + index + "] = " + value);}var a = ['a', 'b', 'c'];a.foreach(f);
示例2:将数组值进行累加求和
var a = [10, 11, 12], sum = 0;function f(value) { sum += value;}a.foreach(f);console.log(sum);
示例3:将数组值连接成字符串
var a = ['ab', 'cd', 'ef'], str = "";function f(value) { // str=str + value; str=str.concat(value);}a.foreach(f);console.log(str);
方法2、使用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:可省略的参数,传递给函数的初始值。
下面通过代码示例来具体了解一下:
示例1:将数组值进行累加求和
var a = [11, 12, 13], sum = 0;function f(pre,curr) { sum=pre+curr; return sum;}a.reduce(f);console.log(sum);
输出结果:
36
示例2:将数组值连接成字符串
var a = [11, 12, 13], str = '';function f(pre,curr) { str=pre+''+curr; return str;}a.reduce(f);console.log(str);
如果想要使用分隔符来分隔每个数组元素,可将回调函数中两个“+”运算符间的空字符串变为指定分隔符:
var a = [11, 12, 13], str = '';function f(pre,curr) { str=pre+'-'+curr; return str;}a.reduce(f);console.log(str);
好了,就说到这里了,有需要的可以看:javascript高级教程
以上就是js数组学习之迭代数组计算元素总和、将值连接成字符串的详细内容。
蚌埠分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product