JS迭代數(shù)組計(jì)算元素總和并將值鏈接成字符串的方法
這篇文章主要講解了“JS迭代數(shù)組計(jì)算元素總和并將值鏈接成字符串的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JS迭代數(shù)組計(jì)算元素總和并將值鏈接成字符串的方法”吧！
創(chuàng)新互聯(lián)是專業(yè)的石拐網(wǎng)站建設(shè)公司，石拐接單;提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行石拐網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
方法1、使用forEach()方法
forEach() 方法用于調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)。
語法：
array.forEach(funtion callbackfn(value, index, array), thisValue)
funtion callbackfn(value, index, array)：必需參數(shù)，指定回調(diào)函數(shù)，最多可以接收三個(gè)參數(shù)：
value：數(shù)組元素的值。
index：數(shù)組元素的數(shù)字索引。
array：包含該元素的數(shù)組對(duì)象。
thisValue：可省略的參數(shù)，回調(diào)函數(shù)中的 this 可引用的對(duì)象。如果省略 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ù)組值進(jìn)行累加求和
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() 方法可對(duì)數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。該回調(diào)函數(shù)的返回值為累積結(jié)果，并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時(shí)作為參數(shù)提供。
語法：
array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
function callbackfn(previousValue, currentVaule, currentIndex, array)：必需參數(shù)，指定回調(diào)函數(shù)，最多可以接收4個(gè)參數(shù)：
previousValue：通過上一次調(diào)用回調(diào)函數(shù)獲得的值。如果向 reduce() 方法提供 initialValue，則在首次調(diào)用函數(shù)時(shí)，previousValue 為 initialValue。
currentVaule：當(dāng)前元素?cái)?shù)組的值。
currentIndex：當(dāng)前數(shù)組元素的數(shù)字索引。
array：包含該元素的數(shù)組對(duì)象。
initialValue：可省略的參數(shù)，傳遞給函數(shù)的初始值。
下面通過代碼示例來具體了解一下：
示例1：將數(shù)組值進(jìn)行累加求和
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);
如果想要使用分隔符來分隔每個(gè)數(shù)組元素，可將回調(diào)函數(shù)中兩個(gè)“+”運(yùn)算符間的空字符串變?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ù)組計(jì)算元素總和并將值鏈接成字符串的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)JS迭代數(shù)組計(jì)算元素總和并將值鏈接成字符串的方法這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
分享題目：JS迭代數(shù)組計(jì)算元素總和并將值鏈接成字符串的方法
分享鏈接：http://www.jiaotiyi.com/article/jdgjdj.html