在之前的文章《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() 方法
怪兽AI数字人
数字人短视频创作，数字人直播，实时驱动数字人
44 查看详情
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数组学习之迭代数组计算元素总和、将值连接成字符串的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/561524.html
微信扫一扫 
支付宝扫一扫 
