JS字符串截取（3种方法）

封面图 • 2025-12-18 • JavaScript

在 JavaScript 中，字符串的截取有多种方法，以下是 **3 种常用的字符串截取方法**：

---

### ✅ 1. `substring(start, end)`
- **作用**：从 `start` 开始（包含），到 `end` 结束（不包含）截取子字符串。
- **参数说明**：
  - `start`：起始索引（从 0 开始）
  - `end`：结束索引（不包含该索引位置的字符）

```javascript
let str = "JavaScript";
console.log(str.substring(0, 4)); // 输出: "Java"
console.log(str.substring(4));   // 输出: "Script"
```

> 注意：如果 `start > end`，会自动交换位置。

---

### ✅ 2. `slice(start, end)`
- **作用**：与 `substring` 类似，但支持负数索引（表示从末尾开始算）。
- **参数说明**：
  - `start`：起始索引
  - `end`：结束索引（不包含）

```javascript
let str = "JavaScript";
console.log(str.slice(0, 4));     // 输出: "Java"
console.log(str.slice(4));        // 输出: "Script"
console.log(str.slice(-6));       // 输出: "Script" （从倒数第6个字符开始）
```

> 负数索引：`-1` 表示最后一个字符，`-2` 表示倒数第二个字符，依此类推。

---

### ✅ 3. `substr(start, length)`
- **作用**：从 `start` 开始，截取 `length` 长度的子字符串。
- **参数说明**：
  - `start`：起始索引
  - `length`：要截取的字符数量

```javascript
let str = "JavaScript";
console.log(str.substr(0, 4));    // 输出: "Java"
console.log(str.substr(4, 6));    // 输出: "Script"
console.log(str.substr(-6, 6));   // 输出: "Script" （从倒数第6个字符开始，取6个字符）
```

> 注意：`substr` 在某些浏览器中已被标记为“过时”，建议使用 `slice` 或 `substring` 替代。

---

### 总结对比表：

| 方法         | 是否支持负数索引 | 是否包含结束索引 | 是否推荐使用 |
|--------------|------------------|------------------|---------------|
| `substring`  | ❌               | ❌               | ✅            |
| `slice`      | ✅               | ❌               | ✅（推荐）    |
| `substr`     | ✅               | ❌               | ⚠️（不推荐）  |

---

如果你有具体的场景（比如截取前几个字符、后几个字符、中间某段等），可以告诉我，我可以帮你选最合适的方法 😊