JS中字符串切割为数组/数组拼接为字符串的代码例子

一、字符串切割为数组

所使用的函数方法：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字符串切割为数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！