JS数组转字符串（3种方法）和字符串转数组（2种）[通俗易懂]

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

一：数组转字符串（3种方法）

同样是数组转字符串，toString()，toLocaleString()，join()，join(’,’)的区别是什么？

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。

数组方法	说明
toString()	将数组转换成一个字符串
toLocaleString()	把数组转换成本地约定的字符串
join()	将数组元素连接起来以构建一个字符串

1：join()方法用于把数组中的所有元素放入一个字符串

元素是通过指定的分隔符进行分隔的

join()指定的分隔符	说明
join()	可理解为直接变成字符串，默认逗号分隔
join(’ '）	空连接
join(’ ，’)或者 join(’ - ‘)或者 join(’ 。’)	中间这个逗号是手动添加的，也可以改成别的比如、。! -等等都可以

2：toString()方法可把一个逻辑值转换为字符串，并返回结果

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

toString()方法不可以指定分隔符，但是我们可以通过replace()方法指定替换

var f = a.toString().replace(/,/gi,'-')
console.log(f)
//打印结果：00-01-02-03-04

3：toLocaleString()

把数组转换成本地约定的字符串

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

demo

<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();  //把数组转换为字符串
        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>