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

译文 | 杨小爱

在上节，我们学习了如何使用 JavaScript substring() 方法从字符串中提取子字符串，错过的小伙伴可以点击文章《【JavaScript 教程】第五章 字符串09— substring()：从字符串中提取子字符串 》进行学习。

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

JavaScript String slice() 方法介绍

slice() 方法返回一个从 startIndex 到 str 中的 endIndex 的 substr：

let substr = str.slice(startIndex [, endIndex ]);

startIndex 是 slice() 开始提取的从零开始的索引。

endIndex 也是从零开始的索引，在 slice() 之前结束提取。substr 将不包括字符 endIndex 索引。

如果省略 endIndex， slice() 将提取到字符串的末尾。

如果 startIndex 或 endIndex 为负，则 slice() 将其视为 str.length + startIndex 或 str.length+ endIndex 。

例如，如果 startIndex 或 endIndex 为 -1，则 slice() 会将其视为 str.length - 1。

slice() 返回一个新字符串，其中包含从字符串中提取的子字符串。

JavaScript String slice() 方法示例

让我们举一个使用 slice() 方法的例子。

以下示例使用 slice() 方法获取电子邮件地址的本地部分：

let email = 'john@example.com'let localPart = email.slice(0,email.indexOf('@'));
console.log(localPart);

输出：

john

程序是怎么工作的：

• 首先，使用 indexOf() 方法定位 @ 符号。indexOf() 的返回值用作 slice() 方法的第二个参数。

• 然后，使用 slice() 方法提取电子邮件的本地部分，从字符串的开头到@ 符号之前的字符。

总结

在今天的教程中，我们学习了如何使用 JavaScript String slice() 方法从字符串中提取子字符串。

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

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

【JavaScript 教程】第五章 字符串08— lastIndexOf()：查找字符串中子字符串最后一次出现的索引

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

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

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

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

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

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

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

学习更多技能

请点击下方公众号