JS迭代數(shù)組計算元素總和并將值鏈接成字符串的方法

這篇文章主要講解了“JS迭代數(shù)組計算元素總和并將值鏈接成字符串的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JS迭代數(shù)組計算元素總和并將值鏈接成字符串的方法”吧！

方法1、使用forEach()方法

forEach() 方法用于調(diào)用數(shù)組的每個元素，并將元素傳遞給回調(diào)函數(shù)。

語法：

array.forEach(funtion callbackfn(value, index, array), thisValue)

funtion callbackfn(value, index, array)：必需參數(shù)，指定回調(diào)函數(shù)，最多可以接收三個參數(shù)：

• value：數(shù)組元素的值。

• index：數(shù)組元素的數(shù)字索引。

• array：包含該元素的數(shù)組對象。

thisValue：可省略的參數(shù)，回調(diào)函數(shù)中的 this 可引用的對象。如果省略 thisArg，則 this 的值為 undefined。

下面通過代碼示例來具體了解一下：

示例1：輸出數(shù)組元素

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

示例2：將數(shù)組值進行累加求和

var a = [10, 11, 12], sum = 0;
function f(value) {
	sum += value;
}

a.forEach(f);
console.log(sum);

示例3：將數(shù)組值連接成字符串

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() 方法可對數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。該回調(diào)函數(shù)的返回值為累積結(jié)果，并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時作為參數(shù)提供。

語法：

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn(previousValue, currentVaule, currentIndex, array)：必需參數(shù)，指定回調(diào)函數(shù)，最多可以接收4個參數(shù)：

• previousValue：通過上一次調(diào)用回調(diào)函數(shù)獲得的值。如果向 reduce() 方法提供 initialValue，則在首次調(diào)用函數(shù)時，previousValue 為 initialValue。

• currentVaule：當(dāng)前元素數(shù)組的值。

• currentIndex：當(dāng)前數(shù)組元素的數(shù)字索引。

• array：包含該元素的數(shù)組對象。

initialValue：可省略的參數(shù)，傳遞給函數(shù)的初始值。

下面通過代碼示例來具體了解一下：

示例1：將數(shù)組值進行累加求和

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

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

輸出結(jié)果：

36

示例2：將數(shù)組值連接成字符串

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

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

如果想要使用分隔符來分隔每個數(shù)組元素，可將回調(diào)函數(shù)中兩個“+”運算符間的空字符串變?yōu)橹付ǚ指舴?/p>

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

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

感謝各位的閱讀，以上就是“JS迭代數(shù)組計算元素總和并將值鏈接成字符串的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JS迭代數(shù)組計算元素總和并將值鏈接成字符串的方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！