es6數(shù)組如何轉(zhuǎn)換成字符串

本篇內(nèi)容主要講解“es6數(shù)組如何轉(zhuǎn)換成字符串”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“es6數(shù)組如何轉(zhuǎn)換成字符串”吧!

天祝藏族自治ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

3種轉(zhuǎn)換方法：1、使用join()函數(shù)把數(shù)組中的所有元素放入一個(gè)字符串，語法“數(shù)組對(duì)象.join(分隔符)”；2、使用toString()函數(shù)，語法“數(shù)組對(duì)象.toString()”或“數(shù)組對(duì)象.toString().replace(/,/gi,'分隔符')”；3、使用toLocaleString()函數(shù)，語法“數(shù)組對(duì)象.toLocaleString()”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

數(shù)組轉(zhuǎn)字符串（3種方法）

JavaScript 允許數(shù)組與字符串之間相互轉(zhuǎn)換。其中 Array 方法對(duì)象定義了 3 個(gè)方法，可以把數(shù)組轉(zhuǎn)換為字符串，如表所示。

1：join()方法用于把數(shù)組中的所有元素放入一個(gè)字符串

元素是通過指定的分隔符進(jìn)行分隔的

// join()
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join()      
console.log(b)
console.log( typeof b)
//打印結(jié)果  00,01,02,03,04

// join('')
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join('')      
console.log(b)
console.log( typeof b)
//打印結(jié)果  0001020304

// join(',')
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(',')      
console.log(b)
console.log( typeof b)
//打印結(jié)果  00,01,02,03,04

// join('-')
var a= ["00", "01", "02", "03", "04"]
var b=  a.join('-')      
console.log(b)
console.log( typeof b)
//打印結(jié)果  00-01-02-03-04

// join('！')
var a= ["00", "01", "02", "03", "04"]
var b=  a.join('!')      
console.log(b)
console.log( typeof b)
//打印結(jié)果 00!01!02!03!04

2：toString()方法可把一個(gè)邏輯值轉(zhuǎn)換為字符串，并返回結(jié)果

var a= ["00", "01", "02", "03", "04"]
console.log(a)
var c = a.toString();  //把數(shù)組轉(zhuǎn)換為字符串
console.log(c)
console.log(typeof c);  //返回字符串string，說明是字符串類型
//打印結(jié)果  00,01,02,03,04

toString()方法不可以指定分隔符，但是我們可以通過replace()方法指定替換

var a= ["00", "01", "02", "03", "04"]
var f = a.toString().replace(/,/gi,'-')
console.log(f)
//打印結(jié)果：00-01-02-03-04

3：toLocaleString()

把數(shù)組轉(zhuǎn)換成本地約定的字符串

var a= ["00", "01", "02", "03", "04"]
console.log(a)
var e = a.toLocaleString();  
console.log(e)
console.log(typeof e);  
//打印結(jié)果：00,01,02,03,04

demo

擴(kuò)展知識(shí)：字符串轉(zhuǎn)數(shù)組（2種方法）

1:split() 方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組

同樣是用于把一個(gè)字符串分割成字符串?dāng)?shù)組，split(',')，split()，split(' '）的區(qū)別是什么？

var arr = 'aa,bb,cc,dd'
var newStr = arr.split(',')
console.log(newStr) 
// 打印結(jié)果：["aa", "bb", "cc", "dd"]

var arr = 'aa,bb,cc,dd'
var newStr = arr.split()
console.log(newStr)
// 打印結(jié)果： ["aa,bb,cc,dd"]

如果把空字符串 ("") 用作 separator，那么 stringObject 中的每個(gè)字符之間都會(huì)被分割

var arr = 'aa,bb,cc,dd'
var newStr = arr.split('')
console.log(newStr) 
//打印結(jié)果： ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

2：es6里面的擴(kuò)展運(yùn)算符

var arr = 'aa,bb,cc,dd'
var newStr = [...arr]
console.log(newStr) 
//打印結(jié)果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

到此，相信大家對(duì)“es6數(shù)組如何轉(zhuǎn)換成字符串”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！