JS数组转字符串（3种方法）和字符串转数组（2种）

曾经终败给现在 2022-10-19 04:15 210阅读 0赞

#### 一：数组转字符串(3种方法) ####

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

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

<table> 
 <thead> 
  <tr> 
   <th>数组方法</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>toString()</td> 
   <td>将数组转换成一个字符串</td> 
  </tr> 
  <tr> 
   <td>toLocaleString()</td> 
   <td>把数组转换成本地约定的字符串</td> 
  </tr> 
  <tr> 
   <td>join()</td> 
   <td>将数组元素连接起来以构建一个字符串</td> 
  </tr> 
 </tbody> 
</table>

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

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

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

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

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

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

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

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

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

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

##### 3：toLocaleString() #####

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

var a= ["00", "01", "02", "03", "04"]
    var e = a.toLocaleString();  
    console.log(e)
    console.log(typeof e);  
    //打印结果：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();  //把数组转换为字符串
            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>

![29bc8f9dff8d2aa9aca3e2f4c65da919.png][]

#### 二：字符串转数组(2种方法) ####

<table> 
 <thead> 
  <tr> 
   <th>字符串方法</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>split() 方法</td> 
   <td>将字符串转换成一个数组</td> 
  </tr> 
  <tr> 
   <td>扩展运算符(...)</td> 
   <td>es6里面的扩展运算符</td> 
  </tr> 
 </tbody> 
</table>

字符串转数组

##### 1:split() 方法用于把一个字符串分割成字符串数组 #####

同样是用于把一个字符串分割成字符串数组，split(',')，split()，split(' ')的区别是什么？

<table> 
 <thead> 
  <tr> 
   <th>split()方法</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>split(',')</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>split()</td> 
   <td>可理解为直接变成字符串，默认逗号分隔</td> 
  </tr> 
  <tr> 
   <td>split(' ') 空字符串</td> 
   <td>每个字符之间都会被分割</td> 
  </tr> 
 </tbody> 
</table>

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

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

如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割

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

##### 2：es6里面的扩展运算符 #####

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

以上就是js数组与字符串相互转换的几种方法啦~∠( °ω°)／ ~

[29bc8f9dff8d2aa9aca3e2f4c65da919.png]: /images/20221005/fd0aa24f0718468eb583b50401be0544.png