JavaScript 中截取字符串是一项常见的需求，主要涉及到字符串的几个方法：`substring()`, `substr()` 和 `slice()`。下面将详细介绍这三种方法以及它们各自的使用场景。
substring()
`substring()` 方法用于返回字符串中介于两个指定下标之间的字符。
语法：
str.substring(startIndex, endIndex)
- `startIndex`（可选）：一个非负整数，表示字符串的起始下标（从 0 开始计数）。
- `endIndex`（可选）：一个非负整数，表示字符串的结束下标。
注意：
- 如果省略 `endIndex`，则 `substring()` 方法会返回从 `startIndex` 到字符串末尾的所有字符。
- 如果 `startIndex` 等于 `endIndex`，则返回一个空字符串。
- 如果 `startIndex` 大于 `endIndex`，则该方法会将两个参数交换。
- 如果任一参数小于 0 或为 NaN，则将其视为 0。
示例：
var str = "Hello World!";
console.log(str.substring(0, 5)); // 输出 "Hello"
console.log(str.substring(7)); // 输出 "World!"
substr()
`substr()` 方法用于返回一个字符串中从指定位置开始到指定长度的子字符串。
语法：
str.substr(startIndex, length)
- `startIndex`（可选）：一个非负整数，表示起始位置（从 0 开始计数）。
- `length`（可选）：一个整数，表示返回的子字符串的长度。
注意：
- 如果省略 `length`，则 `substr()` 方法会返回从 `startIndex` 到字符串末尾的所有字符。
- 如果 `startIndex` 为负数，则从字符串的末尾开始计数。
示例：
var str = "Hello World!";
console.log(str.substr(0, 5)); // 输出 "Hello"
console.log(str.substr(-3)); // 输出 "ld!"
slice()
`slice()` 方法用于提取字符串的某个部分，并返回一个新的字符串。
语法：
str.slice(startIndex, endIndex)
- `startIndex`（可选）：开始提取的位置（从 0 开始计数）。
- `endIndex`（可选）：结束提取的位置（但不包含此位置的字符）。
注意：
- 如果省略 `endIndex`，则 `slice()` 方法会提取从 `startIndex` 到字符串末尾的所有字符。
- 如果 `startIndex` 和 `endIndex` 都为负数，它们从字符串末尾开始计数。
示例：
var str = "Hello World!";
console.log(str.slice(0, 5)); // 输出 "Hello"
console.log(str.slice(-3)); // 输出 "ld!"
总结
- `substring()` 和 `slice()` 在处理负参数时有所不同，`substring()` 会将负参数视为 0，而 `slice()` 会从字符串末尾开始计数。
- `substr()` 和 `slice()` 都支持负数作为 `startIndex`，但 `substr()` 不支持负数作为 `length`。
- `substring()` 和 `slice()` 在参数交换方面也有不同，如果 `startIndex` 大于 `endIndex`，`substring()` 会自动交换参数，而 `slice()` 不会。
根据不同的需求选择合适的方法来截取字符串，能够让你的代码更加高效和易于维护。