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]