【js中slice、splice、substr、split方法】在JavaScript中，字符串和数组是两种非常常用的数据类型，而它们各自拥有一系列强大的操作方法。其中，`slice()`、`splice()`、`substr()` 和 `split()` 是开发者在处理数据时经常用到的函数。虽然这些方法名称相似，但它们的功能和使用场景却各有不同。本文将对这四个方法进行详细解析，帮助你更好地理解和运用它们。
一、slice() 方法
`slice()` 是一个用于提取数组或字符串的一部分的方法，它不会改变原数组或字符串，而是返回一个新的子数组或子字符串。
语法：
```javascript
array.slice(start, end)
string.slice(start, end)
```
- `start`：起始索引，若为负数，则从末尾开始计算（如 -1 表示最后一个字符）。
- `end`：结束索引（不包括该位置），若省略则表示到末尾。
示例：
```javascript
const arr = [1, 2, 3, 4, 5];
console.log(arr.slice(1, 3)); // [2, 3]
const str = "Hello World";
console.log(str.slice(0, 5)); // "Hello"
```
二、splice() 方法
`splice()` 与 `slice()` 不同，它会直接修改原数组，并返回被删除的元素组成的数组。
语法：
```javascript
array.splice(start, deleteCount, item1, item2, ...)
```
- `start`：开始修改的位置。
- `deleteCount`：要删除的元素个数。
- `item1, item2,...`：可选参数，表示插入的新元素。
示例：
```javascript
const arr = [1, 2, 3, 4, 5];
console.log(arr.splice(1, 2)); // [2, 3]
console.log(arr); // [1, 4, 5]
// 插入元素
arr.splice(1, 0, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 4, 5]
```
三、substr() 方法
`substr()` 主要用于字符串操作，用于从指定位置开始提取一定长度的子字符串。
语法：
```javascript
string.substr(start, length)
```
- `start`：起始位置，支持负数。
- `length`：要提取的字符数量。
示例：
```javascript
const str = "JavaScript";
console.log(str.substr(0, 4)); // "Java"
console.log(str.substr(-3)); // "ipt"
```
> 注意：`substr()` 在某些浏览器中已被标记为“过时”，推荐使用 `slice()` 替代。
四、split() 方法
`split()` 是字符串的一个方法，用于将字符串按指定分隔符拆分成数组。
语法：
```javascript
string.split(separator, limit)
```
- `separator`：分隔符，可以是字符串或正则表达式。
- `limit`：可选参数，限制返回数组的最大长度。
示例：
```javascript
const str = "apple,banana,orange";
console.log(str.split(',')); // ["apple", "banana", "orange"]
const str2 = "one two three";
console.log(str2.split(' ', 2)); // ["one", "two"]
```
总结对比表：
| 方法 | 是否修改原数据 | 适用对象 | 是否支持负数 | 用途 |
|----------|----------------|----------|--------------|--------------------------|
| slice()| 否 | 数组/字符串 | 是 | 提取子数组或子字符串 |
| splice() | 是 | 数组 | 是 | 删除/添加元素|
| substr() | 否 | 字符串 | 是 | 提取子字符串 |
| split()| 否 | 字符串 | 否 | 拆分字符串为数组 |
小贴士：
- 如果你需要保留原数组不变，优先使用 `slice()`。
- 若需要修改数组内容，使用 `splice()`。
- 对于字符串操作，尽量使用 `slice()` 或 `split()`，避免使用 `substr()`。
- 在处理复杂分割逻辑时，`split()` 结合正则表达式可以发挥强大作用。
掌握这四个方法的区别与使用方式，能显著提升你在 JavaScript 中处理数据的能力。希望这篇文章对你有所帮助！
