這篇文章主要講解了“JS怎么拼接全部元素”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JS怎么拼接全部元素”吧！

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括于洪網(wǎng)站建設(shè)、于洪網(wǎng)站制作、于洪網(wǎng)頁制作以及于洪網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，于洪網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到于洪省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

本文的主題是：數(shù)組中的全部元素拼接成一個(gè)字符串，簡(jiǎn)單來說就是將數(shù)組轉(zhuǎn)為一個(gè)字符串。例如下面的一個(gè)數(shù)組：

arr = [1,2,3,4,5,6,7,8,9,0];

想要拼接其中的所有元素，返回一個(gè)字符串，例如“1234567890”或者“1,2,3,4,5,6,7,8,9,0”，這要怎么操作？下面我們介紹幾種方法。

方法一：使用for循環(huán)遍歷數(shù)組，拼接每個(gè)數(shù)組元素

遍歷數(shù)組我們使用for循環(huán)；拼接可以利用字符串連接運(yùn)算符“+”、也可使用concat()方法（具體可以閱讀文章《JS字符串學(xué)習(xí)之巧用函數(shù)來連接多個(gè)字符串》）

我們看看實(shí)現(xiàn)代碼：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=0;i<arr.length;i++){  //循環(huán)遍歷數(shù)組
	//拼接
	str=str.concat(arr[i]);
	//str=str + arr[i];
}
console.log(str);

輸出結(jié)果：

說明：這種方法適用于一維數(shù)組轉(zhuǎn)字符串。

方法二：使用toString()方法

toString()可以把每個(gè)元素轉(zhuǎn)換為字符串，然后以逗號(hào)連接輸出顯示。（注：toString()方法不支持自定義分隔符?。?/p>

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.toString();
console.log(str);

toString()方法可以處理多維數(shù)組，會(huì)以迭代的方式把所有數(shù)組都轉(zhuǎn)換為字符串。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.toString();
console.log(str);

方法三：使用join()方法

array.join(separator)方法用于把數(shù)組 array 中的所有元素放入一個(gè)字符串，每個(gè)元素可以使用 separator參數(shù)設(shè)置的分隔符進(jìn)行分隔；如果省略該參數(shù)，則默認(rèn)使用逗號(hào)“,”分隔（這就和toString()方法的輸出一樣了）。

var arr = [1,2,3,4,5,6,7,8,9,0];
var str1,str2,str3;
str1=arr.join();
str2=arr.join('-');
str3=arr.join('==');
console.log(str1);
console.log(str2);
console.log(str3);

如果不想有分隔符，那么可以設(shè)置separator參數(shù)為空字符串（''）;

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.join('');
console.log(str);

join()方法也可以處理多維數(shù)組，不過需要省略參數(shù)，輸出和toString()一樣：

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.join();
console.log(str);

說明：

如果數(shù)組中包括了對(duì)象（非簡(jiǎn)單類型），那么調(diào)用join()和toString()方法所出來的結(jié)果，無論該元素的內(nèi)容是什么，都是顯示[object Object]字符串。

var arr = [{姓名: '李華'}, '張三', '李四'];

console.log(arr.toString()); // "[object Object],張三,李四"
console.log(arr.join()); // "[object Object],張三,李四"

一般在實(shí)際的場(chǎng)景中，join()方法使用得較多。

感謝各位的閱讀，以上就是“JS怎么拼接全部元素”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)JS怎么拼接全部元素這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

分享文章：JS怎么拼接全部元素
分享鏈接：http://sd-ha.com/article28/jisdjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、搜索引擎優(yōu)化、小程序開發(fā)、微信公眾號(hào)、、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)