2. 河豚號(hào) > 生活百科 >

js數(shù)組切割方法（splice和slice的區(qū)別）

河豚俠 ? 生活百科 ? 2022-06-01 08:53:12 ?

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

同樣是數(shù)組轉(zhuǎn)字符串，toString()，toLocaleString()，join()，join(‘,’)的區(qū)別是什么？

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

數(shù)組方法 說(shuō)明
toString() 將數(shù)組轉(zhuǎn)換成一個(gè)字符串
toLocaleString() 把數(shù)組轉(zhuǎn)換成本地約定的字符串
join() 將數(shù)組元素連接起來(lái)以構(gòu)建一個(gè)字符串

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

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

join()指定的分隔符 說(shuō)明
join() 可理解為直接變成字符串，默認(rèn)逗號(hào)分隔
join(‘ ‘） 空連接
join(‘ ，’)或者 join(‘ – ‘)或者 join(‘ 。’) 中間這個(gè)逗號(hào)是手動(dòng)添加的，也可以改成別的比如、。! -等等都可以 
// 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é)果  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"]
var c = a.toString();  //把數(shù)組轉(zhuǎn)換為字符串
console.log(c)
console.log(typeof c);  //返回字符串string，說(shuō)明是字符串類(lèi)型
//打印結(jié)果  00,01,02,03,04

toString()方法不可以指定分隔符，但是我們可以通過(guò)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"]
var e = a.toLocaleString();  
console.log(e)
console.log(typeof e);  
//打印結(jié)果：00,01,02,03,04

demo

<!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(',')      
        console.log(b)
        console.log( typeof b)
        //2:
        var c = a.toString();  //把數(shù)組轉(zhuǎn)換為字符串
        console.log(c)
        console.log(typeof c);  //返回字符串string，說(shuō)明是字符串類(lèi)型
        
        //3:
        var d = a.join();  //把數(shù)組轉(zhuǎn)換為字符串
        console.log(d)
        console.log(typeof d);  //返回字符串string，說(shuō)明是字符串類(lèi)型
        
        //4:
        var e = a.toLocaleString();  //把數(shù)組轉(zhuǎn)換為字符串
        console.log(e)
        console.log(typeof e);  //返回字符串string，說(shuō)明是字符串類(lèi)型
        
    </script>
</html>
JS數(shù)組轉(zhuǎn)字符串（3種方法）和字符串轉(zhuǎn)數(shù)組（2種）

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

字符串方法 說(shuō)明
split() 方法 將字符串轉(zhuǎn)換成一個(gè)數(shù)組
擴(kuò)展運(yùn)算符（…） es6里面的擴(kuò)展運(yùn)算符

字符串轉(zhuǎn)數(shù)組

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

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

split()方法 說(shuō)明
split(‘,’)  
split() 可理解為直接變成字符串，默認(rèn)逗號(hào)分隔
split(‘ ‘） 空字符串 每個(gè)字符之間都會(huì)被分割 
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"]

以上就是js數(shù)組與字符串相互轉(zhuǎn)換的幾種方法啦~∠( °ω°)／ ~

 

本文由網(wǎng)上采集發(fā)布，不代表我們立場(chǎng)，轉(zhuǎn)載聯(lián)系作者并注明出處：http://m.zltfw.cn/shbk/39383.html

相關(guān)推薦

聯(lián)系我們

在線咨詢：點(diǎn)擊這里給我發(fā)消息

微信號(hào)：15705946153

工作日：9:30-18:30，節(jié)假日休息