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

es6數組怎麼轉換成字串

青灯夜游
發布: 2023-01-18 19:03:32
原創
5126 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板