JS中字符串切割为数组/数组拼接为字符串

JS中字符串切割为数组/数组拼接为字符串

• 一、字符串切割为数组
• • 所使用的函数方法：split()
  • • （1）语法格式：
    • （2）样例：
    • （3）其他用法：
    • • ①当所选分隔符为空时，返回的数组即将每个字符分割出来：
      • ②分隔符为空，字符串为空，返回空数组：
      • ③不带分隔符，将返回一个长度为1，内容为字符串自己的数组：
      • ④添加可选参数limit限定切割的长度
      • ⑤使用正则表达式作为分隔符
• 二、数组拼接为字符串
• • 所使用的函数方法：join()
  • • （1）语法格式：
    • （2）样例：
• 三、附言

一、字符串切割为数组

所使用的函数方法：split()

（1）语法格式：

let 数组变量 = 字符串.split(所选分隔符);

其中所选分隔符使用双引号（“”）或者单引号（‘’）括起来；
所生成的数组会存放于前面定义的数组变量中。

（2）样例：

JS代码：

var string = "元素一 元素二 元素三 元素四";var array = string.split(" ")//使用空格作为分隔符console.log(array);//打印生成的数组变量

运行结果：

[ '元素一', '元素二', '元素三', '元素四' ]

（3）其他用法：

①当所选分隔符为空时，返回的数组即将每个字符分割出来：

JS代码：

var string = "元素一 元素二 元素三 元素四";var array = string.split("")//使用空分隔符console.log(array);//打印生成的数组变量

运行结果：

['元', '素', '一', ' ','元', '素', '二', ' ','元', '素', '三', ' ','元', '素', '四']

②分隔符为空，字符串为空，返回空数组：

JS代码：

var string = "";var array = string.split("")//使用空分隔符console.log(array);//打印生成的数组变量

运行结果：

[]

③不带分隔符，将返回一个长度为1，内容为字符串自己的数组：

JS代码：

var string = "元素一 元素二 元素三 元素四";var array = string.split()//不带分隔符console.log(array);//打印生成的数组变量

运行结果：

[ '元素一 元素二 元素三 元素四' ]

④添加可选参数limit限定切割的长度

string.split(splitter, limit);

使用：
JS代码：

var string = "元素一 元素二 元素三 元素四";var array = string.split(" ", 3);//带分隔符、限定长度值console.log(array);//打印生成的数组变量

运行结果：

[ '元素一', '元素二', '元素三' ]

⑤使用正则表达式作为分隔符

使用：
JS代码：

var string = "元素一?元素二!元素三.元素四";var array = string.split(/[?,!,.]/);//正则分隔符console.log(array);//打印生成的数组变量

运行结果：

[ '元素一', '元素二', '元素三', '元素四' ]

二、数组拼接为字符串

所使用的函数方法：join()

（1）语法格式：

let 数组变量 = 字符串.join(所选分隔符);

和split语法一样，它会将数组加上所选分隔符后拼接起来

（2）样例：

JS代码：

var array = [ '元素一', '元素二', '元素三', '元素四' ];var string = array .join(",")//使用空格作为分隔符console.log(string);//打印生成的字符串

运行结果：

元素一,元素二,元素三,元素四

三、附言

实际上，数组拼接为字符串也有其他办法，但对于我的工作、学习操作并没有更好的帮助，故此处只简单写一点：

1.可以使用for循环遍历并使用加号（+）加起来；

2.使用函数方法toString()，可以将数组连接为字符串，并用逗号（,）连接数组中的各元素；

3.函数方法toLocalString() 方法能够使用用户所在地区特定的分隔符把生成的字符串连接起来，形成一个字符串。

字符串转换为数组也其他办法：

由于字符串可以直接根据索引进行访问，所以可以根据这个原则使用for循环进行遍历切割:

string[num]