您现在的位置是:首页 > 前端会客厅 > web前端web前端
3种实现在JavaScript中提取子字符串的方法
YU到边2021-07-05【web前端】人已围观
简介有3种方法可以提取JavaScript中字符串的一部分,也许你觉得这个方法太多了。你只需要一个就足够了。
01、substr
该substr(start, length)方法提取字符串的一部分,从指定的索引处开始,并返回指定数量的字符。
|
请注意,第一个字符在index处为0。
该start指数是必需的,但 length是可选的。如果省略,它将提取字符串的其余部分。
const quote = "Winter is coming"; const part = quote.substr(6); // is coming |
02、substring
该substring(start, end)方法返回start和end索引之间的字符串部分。它从start索引处的字符开始到结束,但不包括索引处的字符end。
|
如果end省略索引,它将提取到字符串的末尾。
|
与indexOf方法结合使用,效果会更好。
该indexOf方法返回第一个索引,在该索引处可以找到给定的字符串文本,否则返回-1。
考虑以下代码在第一个逗号之后提取文本。
const quote = "You know nothing, Jon Snow"; const commaIndex = quote.indexOf(","); const part = quote.substring(commaIndex + 1); //"JonSnow" |
03、slice
该slice(start, end)方法返回start和end索引之间的字符串部分。slice像substring。
constquote="WeStandTogether"; const part = quote.slice(3, 8); // Stand |
如果end省略索引,它将提取到字符串的末尾。
|
slice基本上是为了模仿阵列接口而添加的。(数组中有一个同名的方法在两个索引之间提取其一部分,并返回一个新的浅表副本)。
字符串在JavaScript中是不可变的。所有这些方法都不会更改原始字符串
Tags:js
很赞哦! ()
上一篇:JS的原型和继承
随机图文
-
革命性创新,CSS 动画杀手锏 @scroll-timeline
@scroll-timeline 能够设定一个动画的开始和结束由滚动容器内的滚动进度决定,而不是由时间决定。意思是,我们可以定义一个动画效果,该动画的开始和结束可以通过容器的滚动来进行控制。 -
21 道关于性能优化的面试题(附答案)
性能优化部分的面试题主要考察应试者对网站性能优化的了解。如何做好性能优化,哪些操作会引起性能优化的问题,性能优化指标是什么等,都值得应试者关注。 因为性能优化变得越来越重要,所以很多企业专门建立团队去做性能优化。 -
前端判断用户登录状态
网站有很多权限控制,登录用户和未登录用户显示的内容有差别。 在前后端分离后,那么前端是怎样判断用户是否已登录呢 -
箭头函数和普通函数的区别
箭头函数是匿名函数,ES5匿名函数的语法糖;但又增加了ES5所没有的一些优点