JavaScript 子字符串操作详解：substring、substr、slice 的用法与区别394

在 JavaScript 中，操作字符串是日常开发中非常频繁的任务。而提取字符串的子字符串 (substring) 更是其中一项基础且重要的技能。JavaScript 提供了多种方法来实现子字符串的提取，最常见的有 `substring`、`substr` 和 `slice` 三种方法。虽然它们的功能看起来相似，但在参数处理和返回结果上却存在细微的差别，理解这些差别对于编写高效、无 bug 的代码至关重要。本文将详细讲解这三种方法的用法、区别以及一些最佳实践。

1. `substring(startIndex, endIndex)`

substring() 方法返回一个字符串，该字符串包含从 `startIndex` 到 `endIndex` (不包含 `endIndex` ) 的字符。如果 `startIndex` 大于 `endIndex`，则这两个参数会自动交换。如果省略 `endIndex`，则会提取从 `startIndex` 到字符串结尾的子字符串。该方法不会修改原始字符串，而是返回一个新的字符串。

参数:
startIndex: 提取子字符串的起始索引 (包含)。必须是非负整数。
endIndex: 提取子字符串的结束索引 (不包含)。必须是非负整数，如果省略，则提取到字符串末尾。

示例:
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6); // "World!"
let subStr3 = (10, 6); // "World!" (startIndex 和 endIndex 交换)
let subStr4 = (12, 15); // "" (endIndex 超出字符串长度)
(subStr1, subStr2, subStr3, subStr4);

2. `substr(startIndex, length)`

substr() 方法返回一个字符串，该字符串包含从 `startIndex` 开始，长度为 `length` 的字符。如果 `startIndex` 超出字符串长度，则返回空字符串。substr 方法已经被标记为过时 (deprecated)，建议使用 `substring` 或 `slice` 来代替。虽然目前仍然可用，但为了代码的可维护性和未来兼容性，尽量避免使用它。

参数:
startIndex: 提取子字符串的起始索引 (包含)。可以是负数，负数表示从字符串末尾开始计算索引。
length: 要提取的子字符串的长度。必须是非负整数。

示例:
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6, 5); // "World"
let subStr3 = (-5); // "orld!" (从末尾开始提取5个字符)
(subStr1, subStr2, subStr3);

3. `slice(startIndex, endIndex)`

slice() 方法返回一个新的字符串，该字符串包含从 `startIndex` 到 `endIndex` (不包含 `endIndex`) 的字符。与 `substring` 类似，但是 `slice` 允许使用负数索引。负数索引表示从字符串末尾开始计算索引。如果省略 `endIndex`，则提取从 `startIndex` 到字符串结尾的子字符串。

参数:
startIndex: 提取子字符串的起始索引 (包含)。可以是负数。
endIndex: 提取子字符串的结束索引 (不包含)。可以是负数。如果省略，则提取到字符串末尾。

示例:
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6); // "World!"
let subStr3 = (-5); // "orld!" (从末尾开始提取5个字符)
let subStr4 = (0, -6); // "Hello " (从开头到倒数第6个字符)
(subStr1, subStr2, subStr3, subStr4);

总结:

总而言之，`substring`、`substr` 和 `slice` 都可以用来提取字符串的子字符串，但它们在参数处理和对负数索引的支持上存在差异。`substr` 方法已经被标记为过时，建议使用 `slice`，因为它功能更强大，并且支持负数索引，使其在处理字符串时更加灵活。`substring` 则在处理正数索引时更加简洁直观。选择哪种方法取决于具体的应用场景和个人偏好，但为了代码的可读性和可维护性，建议尽量使用 `slice`，除非有特殊需求需要使用 `substring`。

在实际应用中，选择合适的方法并理解其参数的含义对于避免错误和提高代码效率至关重要。熟练掌握这三种方法的用法，将极大提升你处理字符串的能力。

2025-06-14

上一篇：：JavaScript中的实时流数据处理

下一篇：玩转Snappy JavaScript：高效编写简洁代码的技巧与实践