JavaScript字符串与数组互转：split与join方法详解

一、字符串分割为数组

使用的函数方法：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]

总结

到此这篇关于JS中字符串分割为数组/数组拼接为字符串的文章就介绍到这了,更多相关JS字符串分割为数组内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！