在 JavaScript 中，
splice 和 slice 是两个非常常用但功能截然不同的数组方法。它们的名字很像，容易混淆，但核心区别在于：slice 是用来“截取”的（不修改原数组），而 splice 是用来“剪切/拼接”的（会修改原数组）。以下是详细的对比和用法说明：
1. 核心区别总结
| 特性 | slice() |
splice() |
|---|---|---|
| 主要功能 | 截取数组的一部分，返回新数组 | 删除、替换或插入数组元素 |
| 是否修改原数组 | 否 (Immutable) | 是 (Mutable) |
| 返回值 | 包含被截取元素的新数组 | 包含被删除元素的新数组（如果没有删除则返回空数组） |
| 参数含义 | (start, end) - 结束位置不包含 |
(start, deleteCount, item1, ...) |
| 典型场景 | 复制数组、获取子数组 | 删除元素、在中间插入元素、替换元素 |
2. slice() 用法详解
语法：
arr.slice(start, end)start: 开始截取的索引（包含该位置）。如果是负数，表示从末尾倒数。end: 结束截取的索引（不包含该位置）。如果省略，则截取到数组末尾。
特点：
- 浅拷贝：它返回一个新数组，原数组保持不变。
- 左闭右开：包含
start，不包含end。
代码示例：
const fruits = ['Apple', 'Banana', 'Cherry', 'Date', 'Elderberry'];// 1. 基本用法：获取索引 1 到 3 的元素 (不包含 3)
const sub1 = fruits.slice(1, 3);
console.log(sub1); // ['Banana', 'Cherry']
console.log(fruits); // 原数组不变: ['Apple', 'Banana', 'Cherry', 'Date', 'Elderberry']// 2. 省略 end：从索引 2 一直到末尾
const sub2 = fruits.slice(2);
console.log(sub2); // ['Cherry', 'Date', 'Elderberry']// 3. 使用负数：从倒数第 2 个开始，到末尾
const sub3 = fruits.slice(-2);
console.log(sub3); // ['Date', 'Elderberry']// 4. 复制整个数组 (浅拷贝)
const copy = fruits.slice();3. splice() 用法详解
语法：
arr.splice(start, deleteCount, item1, item2, ...)start: 开始修改的索引。deleteCount: 要删除的元素个数。- 如果为 0，不删除任何元素（常用于插入）。
- 如果省略或很大，删除从
start到末尾的所有元素。
item1, item2...: (可选) 要添加到数组中的新元素。
特点：
- 原地修改：直接改变原数组的结构和长度。
- 返回值特殊：返回的是被删除的元素组成的数组，而不是操作后的新数组。
代码示例：
let numbers = [10, 20, 30, 40, 50];// 1. 删除元素：从索引 2 开始，删除 2 个元素 (30, 40)
const removed = numbers.splice(2, 2);
console.log(removed); // [30, 40] (被删除的)
console.log(numbers); // [10, 20, 50] (原数组被修改了)// 2. 插入元素：从索引 1 开始，删除 0 个，插入 'A', 'B'
numbers.splice(1, 0, 'A', 'B');
console.log(numbers); // [10, 'A', 'B', 20, 50]// 3. 替换元素：从索引 1 开始，删除 1 个 ('A')，插入 'X'
numbers.splice(1, 1, 'X');
console.log(numbers); // [10, 'X', 'B', 20, 50]// 4. 删除到末尾：从索引 2 开始，删除后面所有
numbers.splice(2);
console.log(numbers); // [10, 'X']