JavaScript字符串截取：substring()、substr()、slice()详解与应用94

在JavaScript中，字符串操作是编程中非常常见且重要的部分。截取字符串（substring）是其中一项基本且常用的操作，它允许我们从一个较长的字符串中提取出我们需要的部分。JavaScript提供了三种主要的方法来实现字符串截取：`substring()`、`substr()` 和 `slice()`。虽然它们的功能类似，但它们在参数处理和行为上存在细微的差别，理解这些差异对于编写高效且正确的代码至关重要。本文将深入探讨这三种方法，并通过示例说明它们的用法和区别。

1. `substring(startIndex, endIndex)`

`substring()` 方法接受两个参数：`startIndex` 和 `endIndex`。它返回从 `startIndex` (包含) 到 `endIndex` (不包含) 的子字符串。如果 `startIndex` 大于 `endIndex`，则两个参数会自动交换。如果 `startIndex` 或 `endIndex` 超出字符串边界，则 JavaScript 会自动调整到字符串的边界。

关键特性：
参数是索引值，表示字符位置，从0开始。
`endIndex` 不包含在结果中。
如果`startIndex`大于`endIndex`，参数会自动交换。
参数值超出字符串边界时，会自动调整。
永远返回正长度的字符串（除非startIndex和endIndex相同，返回空字符串）。

示例：
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6, 12); // "World"
let subStr3 = (12, 6); // "World" (参数自动交换)
let subStr4 = (0, 20); // "Hello World!" (自动调整到边界)
let subStr5 = (20, 0); // "Hello World!" (自动调整到边界)
(subStr1, subStr2, subStr3, subStr4, subStr5);

2. `substr(startIndex, length)`

`substr()` 方法也接受两个参数：`startIndex` 和 `length`。它返回从 `startIndex` (包含) 开始，长度为 `length` 的子字符串。如果 `startIndex` 超出字符串边界，则返回空字符串。如果 `length` 为负数，则被视为 0。

关键特性：
第一个参数是起始索引，从0开始。
第二个参数是子字符串的长度。
起始索引超出边界返回空字符串。
长度为负数，视为0。

示例：
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6, 5); // "World"
let subStr3 = (12, 5); // "" (startIndex超出边界)
let subStr4 = (0, -1); // "" (length为负数)
(subStr1, subStr2, subStr3, subStr4);

3. `slice(startIndex, endIndex)`

`slice()` 方法与 `substring()` 类似，它也接受两个参数 `startIndex` 和 `endIndex`。它返回从 `startIndex` (包含) 到 `endIndex` (不包含) 的子字符串。但是，与 `substring()` 不同的是，如果 `startIndex` 大于 `endIndex`，`slice()` 会返回一个空字符串。`startIndex` 或 `endIndex` 可以是负数，表示从字符串末尾开始计算索引。

关键特性：
参数为索引值，从0开始；可以为负数表示从尾部开始。
`endIndex` 不包含在结果中。
如果`startIndex`大于`endIndex`，返回空字符串。
负数索引表示从字符串结尾开始计算。

示例：
let str = "Hello World!";
let subStr1 = (0, 5); // "Hello"
let subStr2 = (6, 12); // "World"
let subStr3 = (12, 6); // "" (startIndex大于endIndex)
let subStr4 = (-6); // "World!" (从末尾6个字符开始)
let subStr5 = (0, -1); // "Hello World" (到倒数第一个字符)
(subStr1, subStr2, subStr3, subStr4, subStr5);

总结：

`substring()`、`substr()` 和 `slice()` 都可以用来截取字符串，但它们在参数处理和行为上存在差异。`substring()` 和 `slice()` 在参数顺序方面有所不同，`substr()` 则使用长度作为第二个参数。根据实际需求选择合适的方法可以提高代码的可读性和效率。`slice()` 功能最为灵活，支持负索引，是目前推荐的字符串截取方法。建议在编写代码时仔细考虑每种方法的特点，选择最适合当前场景的方法。

选择哪种方法取决于你的具体需求。如果你只需要根据起始和结束索引截取字符串，并且不关心参数顺序，`substring()` 是一个不错的选择。如果你需要指定起始位置和长度，`substr()` 更为方便。而 `slice()` 提供了最大的灵活性，因为它支持负索引，允许你从字符串末尾开始截取子串，这在许多情况下非常有用。

2025-06-18

上一篇：JavaScript文本转语音(TTS)技术详解及应用

下一篇：JavaScript基础教程：从零开始掌握JavaScript核心概念