【js splice和slice】

最新推荐文章于 2025-04-11 11:53:51 发布

m0_53679993

最新推荐文章于 2025-04-11 11:53:51 发布

阅读量564

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/m0_53679993/article/details/124609356

版权

本文详细介绍了JavaScript数组方法slice和splice的区别及用法。slice()方法用于创建数组的一个新副本，而不影响原数组，它接受起始和结束位置作为参数。splice()方法则会直接修改原数组，可以用于删除或插入元素，其参数包括开始位置、删除数量和要插入的元素。通过示例代码展示了这两个方法的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.splice和slice的区别：

slice的操作不影响原数组。会返回所选择的元素。（从哪到哪开始删）
splice往数组中指定位置添加或删除元素，会影响原数组。返回被删除的元素，（从什么位置开始，删几个？删了后插入什么新元素？）

2.splice和slice的用法

slice语法

array.slice(start, end);
参数start: 必需。起始元素，使用负数可从数组结尾处规定位置。
end：可选。截止元素（截取不包含此元素）。

代码：

var arr = [1,2,3,4,5];
console.log(arr.slice(1));//[2,3,4,5]  选择序列号从1到最后的所有元素组成的新数组。
console.log(arr.slice(1,3))//[2,3]  不包含end，序列号为3的元素

splice语法（该方法会改变原数组）

array.splice(index, howmany, item1, …, itemX);
参数index: 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany：必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, …, itemX: 可选。向数组添加的新项目。

代码：

var arr = [1,2,3,4,5];
console.log(arr.splice(2,1,"hello"));//[3]  返回的新数组
console.log(arr);//[1, 2, "hello", 4, 5]  改变了原数组