深入理解JavaScript字符串截取方法：substring, slice, substr

"这篇文档总结了JavaScript中常用的字符串操作，主要涵盖了字符串截取以及查找类的方法，适合对JavaScript字符串操作感兴趣的读者学习。" 在JavaScript中，字符串是一个不可变的数据类型，这意味着一旦创建，就不能直接修改。然而，我们可以利用一系列方法来处理字符串，如截取、查找、替换等。以下是对文中提及的三种字符串截取方法的详细解释： 1. **substring()** `substring()` 方法用于提取字符串中两个指定的索引号之间的字符。它接受两个参数，`start` 和 `end`，表示要截取的起始和结束位置（不包括结束位置的字符）。如果 `end` 参数被省略，substring() 会截取从 `start` 到字符串末尾的所有字符。当 `start` 或 `end` 是负值时，它们会被当作0处理。 示例： ```javascript let str = 'www.jeffjade.com'; console.log(str.substring(0, 3)); // www console.log(str.substring(0)); // www.jeffjade.com console.log(str.substring(-2)); // www.jeffjade.com (负值被视为0) ``` 2. **slice()** `slice()` 方法与 `substring()` 类似，但支持负值参数。当 `start` 或 `end` 是负数时，它们表示从字符串末尾开始的位置。例如，-1 表示最后一个字符。 示例： ```javascript let str = 'www.jeffjade.com'; console.log(str.slice(0, 3)); // www console.log(str.slice(-3, -1)); // co console.log(str.slice(1, -1)); // www.jeffjade.co console.log(str.slice(2, 1)); // '' (start 必须小于 end) console.log(str.slice(-3, 0)); // '' (start 必须小于 end) ``` 3. **substr()** `substr()` 方法则略有不同，它不仅接受起始位置 `start`，还接受一个长度 `length` 参数，用于指定要提取的字符数量。它从 `start` 开始提取 `length` 个字符。 示例： ```javascript let str = 'www.jeffjade.com'; console.log(str.substr(0, 3)); // www ``` 如果 `length` 超过了字符串剩余的字符数，`substr()` 会返回从 `start` 到字符串末尾的所有字符。如果 `start` 是负值，那么它也会从字符串末尾开始计算，但 `length` 参数仍然有效。 除了这些截取方法，JavaScript 还提供了其他操作字符串的方法，如： - **indexOf()** 和 **lastIndexOf()**：用于查找子字符串在主字符串中的位置，返回第一个/最后一个匹配项的索引，找不到则返回 -1。 - **search()**：使用正则表达式查找字符串，返回第一个匹配项的索引，找不到则返回 -1。 - **match()**：使用正则表达式在字符串中查找匹配项，返回匹配的数组或null。 - **replace()**：用新字符串替换匹配正则表达式的旧字符串。 - **split()**：根据分隔符将字符串分割成数组。 掌握这些方法对于高效地处理和操作JavaScript字符串至关重要。了解它们的工作原理和差异，能帮助开发者编写出更灵活、高效的代码。