【JavaScript 教程】第五章 字符串09— substring()：从字符串中提取子字符串

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节，我们学习了如何使用 JavaScript String lastIndexOf() 方法来定位字符串中最后一次出现的子字符串，错过的小伙伴可以点击文章《【JavaScript 教程】第五章 字符串08— lastIndexOf()：查找字符串中子字符串最后一次出现的索引 》进行学习。

那么，在今天的教程中，我们将一起来学习如何使用 JavaScript substring() 方法从字符串中提取子字符串。

JavaScript substring() 方法介绍

JavaScriptString.prototype.substring()返回开始和结束索引之间的字符串部分：

str.substring(startIndex [, endIndex])

substring() 方法接受两个参数：startIndex 和 endIndex：

• startIndex 指定要包含在返回的子字符串中的第一个字符的索引。

• endIndex 确定要从返回的子字符串中排除的第一个字符。换句话说，返回的子字符串不包含 endIndex 处的字符。

如果省略 endIndex，则 substring() 将子字符串返回到字符串的末尾。

如果 startIndex 等于 endIndex，则 substring() 方法返回一个空字符串。

如果 startIndex 大于 endIndex，则 substring() 交换它们的角色：startIndex 变成 endIndex，反之亦然。

如果 startIndex 或 endIndex 小于零或大于 string.length，则 substring() 将其分别视为零 (0) 或 string.length。

如果任何参数为 NaN，则 substring() 将其视为零 (0)。

JavaScript substring() 示例

让我们举一些使用 JavaScript substring() 方法的例子。

1) 从字符串示例的开头提取子字符串

下面的示例使用 substring 方法从字符串的开头提取子字符串：

let str = 'JavaScript Substring';
let substring = str.substring(0,10);


console.log(substring);

输出：

JavaScript

2) 提取子字符串到字符串示例的末尾

以下示例使用 substring() 提取从索引 11 到字符串末尾的子字符串：

let str = 'JavaScript Substring';
let substring = str.substring(11);


console.log(substring);

输出：

Substring

3）从电子邮件示例中提取域

以下示例使用substring()和indexOf()来从电子邮件中提取域：

let email = 'john.doe@gmail.com';
let domain = email.substring(email.indexOf('@') + 1);


console.log(domain); // gmail.com

程序是怎么运行的：

• 首先，indexOf() 返回@ 字符的位置。

• 然后子字符串返回从@ 的索引开始到字符串末尾的域。

总结

JavaScript substring() 从开始和结束索引之间的字符串返回子字符串。

如果你还想学习更多字符串的内容，请点击下文链接进行学习。

【JavaScript 教程】第五章 字符串07— indexOf()：获取字符串中子字符串第一次出现的索引

【JavaScript 教程】第五章 字符串06— split()： 将字符串拆分为子字符串数组

【JavaScript 教程】第五章 字符串05— concat()：将多个字符串连接成一个新字符串

【JavaScript 教程】第五章 字符串04— padStart() 和 padEnd()

【JavaScript 教程】第五章 字符串03— trim()、trimStart() 和 trimEnd()

【JavaScript 教程】第五章 字符串02— 字符串类型

【JavaScript 教程】第五章 字符串01— JavaScript 字符串

学习更多技能

请点击下方公众号