Array.splice() 增删改任意位置
最后更新:2026-09-09
Array.splice() 增删改任意位置
splice 是数组唯一的任意位置增删改方法:从指定下标删除若干元素并可在同一位置插入新元素,返回被删除的元素组成的数组。原数组原地修改。
| 分类 | 数组 |
|---|---|
| ES 版本 | ES1(1997) |
📝 语法
const 被删元素 = 数组.splice(起始下标, 删除个数, 插入元素1, ...);
⚙️ 参数
| start | 起始下标,负数从末尾倒数。 |
|---|---|
| deleteCount | 可选。要删除的元素个数;省略则删到末尾。 |
| itemN | 可选。要插入的新元素,插在被删元素的位置。 |
返回值:被删除元素组成的新数组;没有删除则返回空数组。
是否修改原值:是(原地修改)
▶ 示例
编辑下方代码,点击运行,在输出面板查看结果:
运行结果:
[ 2, 3 ]
[ 1, 4, 5 ]
[ 1, '新元素', 4, 5 ]
[ 1, '新元素', '替换值', 5 ]
💡 提示 splice 三种形态:splice(i, 0, x) 纯插入、splice(i, 1) 纯删除、splice(i, 1, x) 替换——记住先删后插就全通了。
⚠️ 警告 slice 与 splice 一字之差:slice 只截取不改原数组,splice 会修改原数组——面试高频考点。
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| Array.splice() | ✓ v1 | ✓ v12 | ✓ v1.5 | ✓ v3 | ✓ v10.5 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关数组方法
💡 相关案例
更多实战案例即将上线,敬请期待。
📚 相关教程
❓ 常见问题
Qsplice 会返回什么?
A被删除元素组成的新数组。纯插入时(deleteCount 为 0)返回空数组。
Qsplice 和 slice 怎么区分?
Asplice(带 p)会改原数组、功能是增删改;slice 只截取副本。参数也不同:splice 是个数,slice 是结束下标。
Q删除数组末尾元素用 splice 还是 pop?
A删末尾用 pop(语义清晰且更快);splice(nums.length - 1, 1) 虽然也能达到但啰嗦。