首頁 > 文章 > web前端 > es6數組怎麼轉換成字串

es6數組怎麼轉換成字串

青灯夜游原創: 2022-10-18 14:48:405075瀏覽

3種轉換方法：1、使用join()函數把陣列中的所有元素放入字串，語法「陣列物件.join(分隔符號)」；2、使用toString()函數，語法「陣列物件.toString()」或「陣列物件.toString().replace(/,/gi,'分隔符號')」；3、使用toLocaleString()函數，語法「陣列物件.toLocaleString()」。

es6數組怎麼轉換成字串

本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

陣列轉字串（3種方法）

JavaScript 允許陣列與字串之間相互轉換。其中 Array 方法物件定義了 3 個方法，可以把陣列轉換為字串，如表所示。

陣列方法	#說明
#toString()	#將陣列轉換成一個字串
toLocaleString()	把陣列轉換成成本地約定的字串
join()	將陣列元素連接起來以建立一個字串

1：join()方法用來把陣列中的所有元素放入一個字串

元素是透過指定的分隔符進行分隔的

##空連接join(' ，')或join(' - ')或join(' 。')#

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

es6數組怎麼轉換成字串

// join(&#39;&#39;)
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join(&#39;&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  0001020304

es6數組怎麼轉換成字串

// join(&#39;,&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;,&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  00,01,02,03,04

es6數組怎麼轉換成字串

// join(&#39;-&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;-&#39;)      
console.log(b)
console.log( typeof b)
//打印结果  00-01-02-03-04

es6數組怎麼轉換成字串 ##

// join(&#39;！&#39;)
var a= ["00", "01", "02", "03", "04"]
var b=  a.join(&#39;!&#39;)      
console.log(b)
console.log( typeof b)
//打印结果 00!01!02!03!04

es6數組怎麼轉換成字串

#2：toString()方法可把一個邏輯值轉換為字串，並傳回結果

var a= ["00", "01", "02", "03", "04"]
console.log(a)
var c = a.toString();  //把数组转换为字符串
console.log(c)
console.log(typeof c);  //返回字符串string，说明是字符串类型
//打印结果  00,01,02,03,04

es6數組怎麼轉換成字串 toString()方法不可以指定分隔符，但是我們可以透過replace()方法指定替換

var a= ["00", "01", "02", "03", "04"]
var f = a.toString().replace(/,/gi,&#39;-&#39;)
console.log(f)
//打印结果：00-01-02-03-04

es6數組怎麼轉換成字串

3：toLocaleString()

把陣列轉換成成本地約定的字串

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

#demo

join()指定的分隔符號	##說明
join()	#可理解為直接變成字串，預設逗號分隔
join(' '）
##中間這個逗號是手動加裝的，也可以改成別的例如、。 ! -等等都可以

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var a= ["00", "01", "02", "03", "04"]
        
        //1:
        var b=  a.join(&#39;,&#39;)      
        console.log(b)
        console.log( typeof b)
        //2:
        var c = a.toString();  //把数组转换为字符串
        console.log(c)
        console.log(typeof c);  //返回字符串string，说明是字符串类型
        
        //3:
        var d = a.join();  //把数组转换为字符串
        console.log(d)
        console.log(typeof d);  //返回字符串string，说明是字符串类型
        
        //4:
        var e = a.toLocaleString();  //把数组转换为字符串
        console.log(e)
        console.log(typeof e);  //返回字符串string，说明是字符串类型
        
    </script>
</html>

	擴充知識：字串轉陣列（2種方法）
#字串方法	說明
#split() 方法	將字串轉換成一個陣列

# 擴充運算符（...）

es6裡面的擴充運算子split(',')

	# #1:split() 方法用來把一個字串分割成字串陣列同樣是用來把一個字串分割成字串數組，split(',')，split( )，split(' '）的差別是什麼？
split()方法	說明

split()	可理解為直接變成字串，預設逗號分隔

split(' '）空字串

每個字元之間都會分割

### #

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split(&#39;,&#39;)
console.log(newStr) 
// 打印结果：["aa", "bb", "cc", "dd"]

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split()
console.log(newStr)
// 打印结果： ["aa,bb,cc,dd"]

###如果把空字串("") 用作separator，那麼stringObject 中的每個字元之間都會被分割###

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = arr.split(&#39;&#39;)
console.log(newStr) 
//打印结果： ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

######2：es6裡面的擴充運算子## ####

var arr = &#39;aa,bb,cc,dd&#39;
var newStr = [...arr]
console.log(newStr) 
//打印结果 ["a", "a", ",", "b", "b", ",", "c", "c", ",", "d", "d"]

###【相關推薦：###javascript影片教學###、###程式設計影片###】###

以上是es6數組怎麼轉換成字串的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：es6 export怎麼用下一篇：es6 export怎麼用

看更多