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);
    

@H_303_126@

如果想要使用分隔符来分隔每个数组元素，可将回调函数中两个“+”运算符间的空字符串变为指定分隔符：

var a = [11, 12, 13], str = '';
function f(pre,curr) {
    	str=pre+'-'+curr;
    	return str;
}
    a.reduce(f);
    console.log(str);
    

好了，就说到这里了，有需要的可以看：javascript高级教程

以上就是JS数组学习之迭代数组计算元素总和、将值连接成字符串的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！