JavaScript 字符串截取函数 substring()、substr() 与 slice() 的深度解析200

JavaScript 提供了多种方法来截取字符串，其中最常用的包括 `substring()`、`substr()` 和 `slice()`。虽然它们的功能都类似，但细微的差别却常常导致开发者在使用过程中出现错误或不符合预期的情况。本文将对这三个函数进行深入的比较和分析，帮助大家更好地理解和运用它们。

1. `substring(startIndex, endIndex)`

substring() 方法返回一个字符串，该字符串包含从 `startIndex` 到 `endIndex` (不包含 `endIndex` ) 之间的字符。如果 `startIndex` 大于 `endIndex`，则两个参数会自动交换。如果省略 `endIndex`，则返回从 `startIndex` 到字符串结尾的子字符串。需要注意的是，`substring()` 方法的参数必须是非负整数。如果传入负数，会被自动转换为 0。

示例：
let str = "hello world";
((0, 5)); // 输出: hello
((6)); // 输出: world
((10, 6)); // 输出: world (startIndex > endIndex，参数自动交换)
((-2, 5)); // 输出: hello (负数参数转换为0)

2. `substr(startIndex, length)`

substr() 方法返回一个字符串，该字符串包含从 `startIndex` 开始，长度为 `length` 的字符。与 `substring()` 不同的是，第二个参数是子字符串的长度，而不是结束索引。如果 `startIndex` 为负数，则表示从字符串结尾处向前计算索引；如果 `length` 为负数或省略，则截取到字符串末尾。

示例：
let str = "hello world";
((0, 5)); // 输出: hello
((6)); // 输出: world
((-5)); // 输出: world
((6, 3)); // 输出: wor
((6, -3)); // 输出: world (负数length被忽略)

3. `slice(startIndex, endIndex)`

slice() 方法返回一个字符串，该字符串包含从 `startIndex` 到 `endIndex` (不包含 `endIndex` ) 之间的字符。与 `substring()` 相似，但 `slice()` 允许 `startIndex` 和 `endIndex` 为负数。负数索引表示从字符串结尾处向前计算索引。如果 `endIndex` 被省略，则截取到字符串末尾。如果 `startIndex` 大于 `endIndex`，则返回空字符串。

示例：
let str = "hello world";
((0, 5)); // 输出: hello
((6)); // 输出: world
((-5)); // 输出: world
((6, 9)); // 输出: wor
((-5, -1)); // 输出: worl
((5, 0)); // 输出: "" (startIndex > endIndex)

4. 三个函数的比较

下表总结了三个函数的主要区别：| 方法 | 第一个参数 (startIndex) | 第二个参数 (endIndex/length) | 返回值 | 负数索引处理 |
|------------|-----------------------|--------------------------|------------------------------------|--------------------------------------|
| `substring()` | 非负整数 | 非负整数或省略 | `startIndex` 到 `endIndex` (不包含) | 自动转换为 0 |
| `substr()` | 整数 | 整数或省略 | `startIndex` 开始，长度为 `length` | 从结尾处计算索引，省略时截取到末尾 |
| `slice()` | 整数 | 整数或省略 | `startIndex` 到 `endIndex` (不包含) | 从结尾处计算索引，省略时截取到末尾 |

5. 最佳实践建议

虽然三个函数都能实现字符串截取，但建议优先使用 `slice()` 方法。因为它功能更强大，允许使用负数索引，并且行为更直观，易于理解和维护。 `substring()` 的参数处理方式略显特殊，容易造成误解。`substr()` 虽然简洁，但在处理负数索引时，其行为与其他方法有所不同，容易导致代码难以维护。因此，选择 `slice()` 能够提高代码的可读性和可维护性。

总而言之，理解 `substring()`、`substr()` 和 `slice()` 的细微差别，并在实际应用中选择最合适的函数，对于编写高效且易于维护的 JavaScript 代码至关重要。选择 `slice()` 通常是最佳实践，除非有特殊原因需要使用其他两个函数。

2025-09-18

上一篇：JavaScript与WinHelp (.hlp) 文件的交互：挑战与方案

下一篇：JavaScript性能雷达：全面提升你的JS代码效率