专业汉语词典知识平台,分享汉字词语知识、历史文学知识解答!

励北网
励北网

js分割字符串方法,分割字符串split()方法

来源:小易整编  作者:小易  发布时间:2023-02-25 06:41
摘要:js分割字符串方法,分割字符串split()方法JavaScript有很多有用的内置字符串操作方法,其中之一就是split()方法。在本文中,我们将仔细研究 split() 方法以及如何将其与正则表达式结合使用以按照我们想要的方式拆分长字符...

js分割字符串方法,分割字符串split()方法

JavaScript 有很多有用的内置字符串操作方法,其中之一就是split()方法。

在本文中,我们将仔细研究 split() 方法以及如何将其与正则表达式结合使用以按照我们想要的方式拆分长字符串。

js分割字符串方法,分割字符串split()方法

JavaScript 的split()方法

当 split(delimiter, limit)方法用于字符串时,它返回一个子字符串数组,并使用 delimiter 参数的值作为分隔符。delimiter参数还可以指定为正则表达式,然后将通过使用原始字符串搜索找到匹配指定表达式的分隔符。

此外,我们可以指定可选参数 limit,它指定我们想要的结果子字符串数组中有多少元素。limit=2 例如,设置将产生一个数组,其中包含原始字符串中由分隔符分隔的前两个子字符串:

1 2 3 4 5 6

const str = "JavaScript is the best programming language!"; const words = str.split(" "); console.log(words); // 这里,字符串将被分解为每个新单词: // ["JavaScript", "is", "the", "best", "programming", "language!" ]

如果我们将分隔符设置为其他内容,例如:

1 2 3 4

const chars = str.split(""); console.log(chars); // 字符串将在每个字符上分解: // ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t", " ", "i", "s", " ", "t", "h", "e", " ", "b", "e", "s", "t", " ", "p", "r", "o", "g", "r", "a", "m", "m", "i", "n", "g", " ", "l", "a", "n", "g", "u", "a", "g", "e", "!"]

使用 split() 方法的正则表达式

现在我们已经熟悉了 split() 方法的使用,让我们更上一层楼,并在组合中引入正则表达式:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

const paragraph = `The Answer to the Ultimate Question of Life, the Universe, and Everything is 42. Forty two. That's all there is.`; // Split by words const words = paragraph.split(" "); console.log(words[2]); // Split by sentences const sentences = paragraph.split(/[!?.]/); console.log(sentences[1]); // Split all characters, with a limit of 2 const firstTwoChars = paragraph.split("", 2); console.log(firstTwoChars); // Split and reverse const reverse = paragraph.split("").reverse().join(""); console.log(reverse);

结果 :

1 2 3 4

to Forty two ["T", "h" ] .24 si gnihtyrevE dna ,esrevinU eht ,efiL fo noitseuQ etamitlU eht ot rewsnA ehT

在第二个例子中,我们传递一个正则表达式作为 split() 方法的参数。

  • /[!?.]/ 代表一个字符集 - ! 或 ?或 .

简而言之,我们在任何指定的字符处拆分字符串。

在第三个示例中,我们将 2 作为第二个参数传递,将结果子字符串数组限制为两个元素。

在最后一个示例中,我们使用内置 reverse()方法反转字符串。因为reverse()是数组方法,我们先将原始字符串拆分为单个字符的数组,通过使用该 split("")方法,然后再使用reverse()。

最后,我们可以 join()将结果从字符数组中创建一个反向字符串。

总结

在本教程中,我们快速了解了如何在 vanilla JavaScript 中拆分字符串。我们已经讨论了内置 split() 方法,以及如何将它与正则表达式一起使用。


本文地址:百科问答频道 https://www.neebe.cn/wenda/903396.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


百科问答
小编:小易整编
相关文章相关阅读
  • JS 字符串转数组

    JS 字符串转数组

    JS中,将一个字符串转置为数组,使用到的方法是split(),通过使用split()方法,可以轻松的将一个字符串转换为数组操作方法01新建一个HTML文档,用于承载JS02...

  • doT.js是什么

    doT.js是什么

    doT.js是一个JavaScript模板框架,在web前端使用dot.js作为模板引擎,主要的用途就是,在写好的模板上,放进数据,生成含有数据的html代码。doT.js是一个JavaScript模板框架,在web前端使用do...

  • JsRender是什么

    JsRender是什么

    JsRender是jQuery模板,专为高性能的纯字符串渲染而优化,无需DOM和其他jQuery依赖。允许定义一次样板结构并重复使用它来动态生成HTML。JsRender是jQuery模板,专为高性能的纯字符串渲染而优...

  • js代码大全,常用js代码代码示例

    js代码大全,常用js代码代码示例

    js代码大全,常用js代码代码示例做为开发过React/ReactNative的工程师,在刚开始接触Flutter开发的时候,一定会遇到这种情况,对于某个功能你能很熟练使用特定Javascript语法去完成,但是对于Flutter开发,对应...

  • jstl是什么,JSP标准标签库jstl

    jstl是什么,JSP标准标签库jstl

    jstl是什么,JSP标准标签库jstlJSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能。JSTL支持通用的、结构化的任务,比如迭代,条件判断,XML文档操作,国际化标签,SQL标签。除了这些,它还提供了一...

  • js教程,JavaScript学习入门教程

    js教程,JavaScript学习入门教程

    js教程,JavaScript学习入门教程JavaScript(通常缩写为JS)是一种解释型、面向对象、多范式的高级编程语言。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari、Opera)...

  • jscript和javascript的区别

    jscript和javascript的区别

    JavaScript与JScript的区别JScript是Microsoft公司开发的,Javascript是Netscape公司开发的,虽然他们是死对头,但是在现在的浏览器中,无论你把语言指定为Javascript还是Jscript,浏览...

  • jsp内置对象有哪些,jsp的内置对象与应用

    jsp内置对象有哪些,jsp的内置对象与应用

    jsp内置对象有哪些,jsp的内置对象与应用虽然Jsp已经是中古时期的技术了,但是对于很多新入门的程序员来说,学会Jsp不仅是了解JavaEE设计原理的重要环节,也是了解现在盛行的前后端分离技术的源流的基础。而且,很多程序员可能会接触到的一...

  • 周排行
  • 月排行
  • 年排行

精彩推荐