3种实现在JavaScript中提取子字符串的方法

「爱情、让人受尽委屈。」 2022-10-12 14:53 227阅读 0赞

![b8cefd3b1bb3470651587fc8dc7c4d60.png][]

英文 | https://medium.com/programming-essentials/how-to-extract-a-substring-in-javascript-e0d521cb030f

翻译 | 小爱

有3种方法可以提取JavaScript中字符串的一部分，也许你觉得这个方法太多了。你只需要一个就足够了。

下面我们就开始吧。

**01、substr**

该substr(start, length)方法提取字符串的一部分，从指定的索引处开始，并返回指定数量的字符。

const quote = "Winter is coming";
    const part1 = quote.substr(0, 6);
    //Winter
    const part2 = quote.substr(10, 6);
    //coming

请注意，第一个字符在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。

const quote = "We Stand Together";
    const part = quote.substring(3, 8);
    // Stand

如果end省略索引，它将提取到字符串的末尾。

const quote = "We Stand Together";
    const part = quote.substring(3);
    // Stand Together

与indexOf方法结合使用，效果会更好。

该indexOf方法返回第一个索引，在该索引处可以找到给定的字符串文本，否则返回-1。

考虑以下代码在第一个逗号之后提取文本。

const quote = "You know nothing, Jon Snow";
    const commaIndex = quote.indexOf(",");
    const part = quote.substring(commaIndex + 1);
    //" Jon Snow"

**03、slice**

该slice(start, end)方法返回start和end索引之间的字符串部分。slice像substring。

const quote = "We Stand Together";
    const part = quote.slice(3, 8);
    // Stand

如果end省略索引，它将提取到字符串的末尾。

const quote = "We Stand Together";
    const part = quote.slice(3);
    // Stand Together

slice基本上是为了模仿阵列接口而添加的。（数组中有一个同名的方法在两个索引之间提取其一部分，并返回一个新的浅表副本）。

字符串在JavaScript中是不可变的。所有这些方法都不会更改原始字符串。

最后，谢谢你的阅读。

## 最后 ##

欢迎关注【前端瓶子君】✿✿ヽ(°▽°)ノ✿

回复「算法」，加入前端编程源码算法群，每日一道面试题（工作日），第二天瓶子君都会很认真的解答哟！

回复「交流」，吹吹水、聊聊技术、吐吐槽！

回复「阅读」，每日刷刷高质量好文！

如果这篇文章对你有帮助，「在看」是最大的支持

》》面试官也在看的算法资料《《

“在看和转发”就是最大的支持

[b8cefd3b1bb3470651587fc8dc7c4d60.png]: /images/20221005/04e9e010b9ca484487d40d96faa79c3a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，227人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中替换所有出现的子字符串的方法

没有简单的方法可以替换JavaScript中所有出现的字符串。Java从一开始就对JavaScript产生了启发，但`replaceAll()`自1995年以来就开始在字符串上

系统管理员/ 2023年10月04日 12:55/ 0 赞/ 62 阅读

相关在 JavaScript 中将字符串转换为数字的 7 种方法

1. 使用 parseInt() `parseInt()`解析一个字符串并返回一个整数。允许空格。仅返回第一个数字。这种方法虽然有一个限制。如果您解析十进制数，它将

ゞ浴缸里的玫瑰/ 2023年09月29日 15:57/ 0 赞/ 15 阅读

相关 JavaScript - 提取字符串中的数字（去除其他）

前言 > 例如：【“我是12你是3-$”】→【“123”】 ![在这里插入图片描述][20210526163208806.png] 最近有个需求，需要去除字符串中所有

野性酷女/ 2022年10月16日 03:00/ 0 赞/ 238 阅读

相关 3种实现在JavaScript中提取子字符串的方法

![b8cefd3b1bb3470651587fc8dc7c4d60.png][] 英文 | https://medium.com/programming-essential

「爱情、让人受尽委屈。」/ 2022年10月12日 14:53/ 0 赞/ 228 阅读

相关 javascript 提取字符串substring()

提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法: stringObject.substring(s

港控/mmm°/ 2022年09月22日 11:59/ 0 赞/ 181 阅读

相关 3种在JavaScript中验证电子邮件地址的方法

![647af4ac84a38a11bd0e391a59005bb4.png][] 来源 | http://www.fly63.com/ 如何使用JavaScript验证e

梦里梦外;/ 2022年09月16日 11:13/ 0 赞/ 149 阅读

相关 C语言实现从一个字符串中提取一个子字符串

例如：编写一个函数，它从一个字符串中提取一个子字符串。函数原型如下： int substr(char dst\[\], char src\[\],int start,

末蓝、/ 2022年08月07日 06:59/ 0 赞/ 186 阅读

相关 Python3中字符串中的数字提取方法!附python2

原来在python2中，一直使用 filter(str.isdigit, str(date) 函数，从字符串中滤出数字。但到python3中，filter（）返回的是个内存地址

忘是亡心i/ 2022年05月24日 05:47/ 0 赞/ 319 阅读

相关字符串中的slice(),substr(),substring()三种提取字符串的方法总结

1、slice() slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。语法：str.slice(start,end)，截取str从start到

素颜马尾好姑娘i/ 2022年05月14日 08:11/ 0 赞/ 233 阅读

相关 Java提取子字符串（substring()）

String 类的 substring() 方法用于对字符串进行提取，该方法主要有两种重载形式，下面分别介绍。 1. substring(int beginIndex) 形式

客官°小女子只卖身不卖艺/ 2021年12月14日 19:04/ 0 赞/ 305 阅读