JS数组学习之迭代更新二维数组测算原素总数、将值连接成字符串

在其他回答《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);

如果你想要应用分节符来划分每一个数组元素，可将调用函数中2个“ ”操作符之间空字符串变成特定分节符：

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

a.reduce(f);
console.log(str);

好啦，就说到这儿了，有需求的能看：javascript高级教程

以上就是关于JS二维数组学习之迭代更新二维数组测算原素总数、将值连接成字符串数组的具体内容，大量欢迎关注AdminJS其他类似文章！