您现在的位置是:首页 > 技术教程 正文

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

admin 阅读: 2024-04-01
后台-插件-广告管理-内容页头部广告(手机)

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

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

一、字符串切割为数组

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

(1)语法格式:

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

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

(2)样例:

JS代码:

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

运行结果:

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

(3)其他用法:

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

JS代码:

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

运行结果:

[ '元', '素', '一', ' ', '元', '素', '二', ' ', '元', '素', '三', ' ', '元', '素', '四' ]
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
②分隔符为空,字符串为空,返回空数组:

JS代码:

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

运行结果:

[]
  • 1
③不带分隔符,将返回一个长度为1,内容为字符串自己的数组:

JS代码:

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

运行结果:

[ '元素一 元素二 元素三 元素四' ]
  • 1
④添加可选参数limit限定切割的长度
string.split(splitter, limit);
  • 1

使用:
JS代码:

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

运行结果:

[ '元素一', '元素二', '元素三' ]
  • 1
⑤使用正则表达式作为分隔符

使用:
JS代码:

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

运行结果:

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

二、数组拼接为字符串

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

(1)语法格式:

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

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

(2)样例:

JS代码:

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

运行结果:

元素一,元素二,元素三,元素四
  • 1

三、附言

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

1.可以使用for循环遍历并使用加号(+)加起来;

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

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

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

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

string[num]
  • 1
标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索
排行榜