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

这篇具有很好参考价值的文章主要介绍了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循环进行遍历切割:文章来源地址https://www.toymoban.com/news/detail-651809.html

string[num]

到了这里,关于JS中字符串切割为数组/数组拼接为字符串的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 297.【华为OD机试】拼接url(字符串处理—Java&Python&C++&JS实现)

    🚀点击这里可直接跳转到本专栏,可查阅顶置最新的华为OD机试宝典~ 本专栏所有题目均包含优质解题思路,高质量解题代码(JavaPythonC++JS分别实现),详细代码讲解,助你深入学习,深度掌握!

    2024年04月12日
    浏览(42)
  • js判断数据是否是数组或字符串

    有很多方法可以判断数据是否是数组或字符串,以下列举一些常见的方法: 1.通过typeof操作符判断数据类型,如果为“string”,则数据为字符串;如果为“object”,则需要进一步判断是否为数组。 2.使用instanceof操作符判断数据类型,如果为String,则数据为字符串;如果为Ar

    2024年02月17日
    浏览(67)
  • 如何进行字符串的分割和拼接?

    字符串的分割和拼接是在C语言编程中常见的操作,尤其在处理文本数据时非常重要。在本文中,我将详细解释如何在C语言中进行字符串的分割和拼接,包括使用标准库函数和手动操作字符串数组的方法,以及一些实际应用示例。 字符串分割是将一个字符串拆分成多个子字符

    2024年02月09日
    浏览(29)
  • 华为OD机试 - 分割均衡字符串(Java & JS & Python & C & C++)

    题目描述 均衡串定义:字符串中只包含两种字符,且这两种字符的个数相同。 给定一个均衡字符串,请给出可分割成新的均衡子串的最大个数。 约定:字符串中只包含大写的 X 和 Y 两种字符。 输入描述 输入一个均衡串。 字符串的长度:[2, 10000]。 给定的字符串均为均衡字

    2024年03月14日
    浏览(52)
  • JS中判断某个字符串、数组等是否包含某个值

    方法一: indexOf()   (推荐)   indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二:match()   match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 方法三: search()   search() 方法

    2024年02月03日
    浏览(80)
  • js中的内置对象、数学对象、日期对象、数组对象、字符串对象

    car、computer div、p window、console 数学对象 Math (object类型) 1、圆周率 Math.PI 2、向下取整(返回值) Math.floor() 3、向上取整(返回值) Math.ceil() 4、四舍五入 Math.round() 5、随机数 0x1 Math.random() 6、绝对值 Math.abs() 7、最大值 Math.max() 8、最小值 Math.min() 9、指数幂 Math.pow(底数,指数) 10、平

    2024年01月24日
    浏览(36)
  • Windows BAT批处理字符串相关操作(字符串定义、分割、拼接、替换、切片、查找)

    使用 set 来定义字符串 代码说明: 将字符串Hello赋值给string1的变量 使用 %string1%%string2% 的方式完成字符串的拼接。 代码说明: 用来连接字符串的字符串,如果包含了特殊字符则需要使用 ^ 转义,并且需要使用 \\\"\\\" 括起来,特殊字符包括(但不限于): 符号 作用 @ 命令行回显

    2024年02月12日
    浏览(35)
  • 【JavaScript】JS能力测试题:数组扁平化 | 判断质数 | 获取字符串的长度

    💎个人主页: 阿选不出来 💎个人简介: 大三学生,热爱Web前端,随机掉落学习碎片 💎目前开发的专栏: JS 🍭Vue🍭React🍭 💎祝愿今天的你比昨天更加博识了! 题目描述 请补全JavaScript代码,要求将数组参数中的多维数组扩展为一维数组并返回该数组。 注意: 数组参数中仅

    2024年02月07日
    浏览(45)
  • Js水几个基础知识点:数组的操作,字符串和数组之间的互转,持续补充,欢迎关注

    一、插入 / 删除元素: 我们就不从创建开始讲了,那个太基础了,js创建数组一般都直接let arr = […,…,…],有部分仁兄喜欢new Array(…, …, …),这样看起来可能高级点,结果是一样的哈。 这里我们直接来讨论插入元素: 1、在末尾插入 / 删除元素(push / pop,操作原数组)

    2024年02月09日
    浏览(50)
  • vue使用split()将字符串分割数组join()将数组转字符串reverse()将数组反转

    1.split() 将字符串切割成数组 输出如下 1.split()不传参数默认整个字符串作为数组的一个元素,返回包含原始字符串的数组 2.split(‘’)单引号不传参数默认将字符串拆分成一个个字符数组 如输入参数: const str = 123456789’ 拆分后:[‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’

    2023年04月08日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包