搜尋

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

es6數組怎麼轉換成字串

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

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('')
var a= ["00", "01", "02", "03", "04"]
console.log(a)
var b=  a.join('')      
console.log(b)
console.log( typeof b)
//打印结果  0001020304

es6數組怎麼轉換成字串

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

es6數組怎麼轉換成字串

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

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

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

es6數組怎麼轉換成字串

es6數組怎麼轉換成字串

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,'-')
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怎麼用

相關文章

看更多