破解 JavaScript 字符串截取函数的奥秘：substr、substring 和 slice 的异同探索
2023-09-06 16:19:41
JavaScript中的字符串截取：揭开substr、substring和slice的奥秘
在JavaScript中，字符串操作是不可或缺的一部分，而字符串截取更是其中一个常见操作，用于从字符串中提取特定的子字符串。JavaScript提供了三种主要方法来实现字符串截取：substr、substring和slice。尽管它们的功能相似，但它们在语法、行为和一些细微的差异上存在着关键区别。本文将深入探究这三个函数，帮助您在不同的使用场景中做出明智的选择。
语法对比
substr(start, length)
substr方法从指定位置（start）开始截取字符串，截取的长度由length指定。start可以为负数，表示从字符串末尾开始计数。length可以为负数，表示从start位置向后截取。
const str = "Hello World!";
console.log(str.substr(1, 4)); // "ello"
console.log(str.substr(-3)); // "rld!"
substring(start, end)
substring方法从指定位置（start）开始截取字符串，一直到但不包括end位置。start和end都是可选参数。如果未指定start，则默认为0，表示字符串开头。如果未指定end，则默认为字符串末尾。start和end都不允许为负数。
const str = "Hello World!";
console.log(str.substring(1, 4)); // "ello"
console.log(str.substring(1)); // "ello World!"
slice(start, end)
slice方法从指定位置（start）开始截取字符串，一直到但不包括end位置。start和end都是可选参数。如果未指定start，则默认为0，表示字符串开头。如果未指定end，则默认为字符串末尾。start和end都允许为负数，表示从字符串末尾开始计数。
const str = "Hello World!";
console.log(str.slice(1, 4)); // "ello"
console.log(str.slice(1)); // "ello World!"
console.log(str.slice(-3)); // "rld!"
行为差异
负数索引
substr是唯一允许负数索引的函数。当start为负数时，substr会将字符串末尾作为截取的起始位置。相反，substring和slice都不允许负数索引，如果start或end为负数，则它们会将其视为0。
长度截取
substr和slice都支持长度截取。如果length为正数，则表示要截取的长度。如果length为负数，则表示要从start位置向后截取。然而，substring不支持长度截取，如果指定了length，则它会被忽略。
从后向前截取
slice是唯一支持从后向前截取的函数。如果start和end都是负数，则slice会从字符串末尾开始截取。相反，substr和substring不支持从后向前截取。
实际应用
substr、substring和slice在不同的使用场景中各有优势。以下是一些示例：
- 从字符串特定位置截取指定长度的子字符串：substr(start, length)
- 从字符串开头截取到指定位置的子字符串：substring(0, end)或slice(0, end)
- 从字符串指定位置到结尾截取子字符串：substring(start)或slice(start)
- 从字符串末尾截取指定长度的子字符串：substr(-length)
- 从字符串末尾截取到指定位置的子字符串：slice(-end)
性能比较
在性能方面，substr通常比substring和slice慢，因为substr需要先计算字符串的长度。然而，在大多数情况下，性能差异可以忽略不计。
常见问题解答
- 什么时候应该使用substr？
substr最适合在需要使用负数索引或进行从后向前截取的情况下使用。
- 什么时候应该使用substring？
substring最适合在不需要长度截取或从后向前截取的情况下使用。
- 什么时候应该使用slice？
slice最适合在需要长度截取或从后向前截取的情况下使用。
- substr和substring之间的主要区别是什么？
substr允许负数索引和长度截取，而substring不允许。
- slice和substr之间的主要区别是什么？
slice允许从后向前截取，而substr不允许。
结论
substr、substring和slice是JavaScript中用于字符串截取的三种主要函数。它们在语法、行为和一些微妙的差异上存在着关键区别。了解这些差异对于在不同的使用场景中做出明智的选择至关重要。一般来说，对于简单的截取操作，substring或slice是更好的选择。但是，如果您需要使用负数索引或进行从后向前截取，则substr是唯一可行的选项。通过掌握这三个函数的细微差别，您可以有效地操作JavaScript字符串，满足您的应用程序需求。
