slice 和splice区别？

最新推荐文章于 2025-04-21 16:52:30 发布

原创最新推荐文章于 2025-04-21 16:52:30 发布 · 164 阅读

0 ·

CC 4.0 BY-SA版权

web前端同时被 3 个专栏收录

43 篇文章

订阅专栏

5 篇文章

订阅专栏

数组

1 篇文章

订阅专栏

本文介绍了JavaScript中两种操作数组的方法。slice方法从指定起始位置截取到结束位置（不包含结束位置），返回截取元素集合，不改变原始数组；splice方法可删除或添加元素，会改变原始数组，返回被删除元素组成的数组。

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

他们的共性是都可以操作数据，截取一段数组，

一、slice(start，end)

从start开始截取到end但是不包括end
返回值为截取出来的元素的集合
原始的数组不会发生变化
//例子
var arr1 = [1,23,44,55,66,77,888,“fff”];
var arr2 = arr1.slice(2,4) //从index为2截取到index为4之前不包括4
console.log(arr2); //[44,55]
console.log(arr1); // [1,23,44,55,66,77,888,“fff”]原始数组没有被改变
1
2
3
4
5
二、 splice(start,deleteCount,item1,item2……);

start参数开始的位置
deleteCount 要截取的个数
后面的items为要添加的元素
如果deleteCount为0，则表示不删除元素，从start位置开始添加后面的几个元素到原始的数组里面
返回值为由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组
这个方法会改变原始数组，数组的长度会发生变化
//例子
var arr3 = [1,2,3,4,5,6,7,“f1”,“f2”];
var arr4 = arr3.splice(2,3) //删除第三个元素以后的三个数组元素(包含第三个元素)
console.log(arr4); //[3,4,5];
console.log(arr3); //[1,2,6,7,“f1”,“f2”]; 原始数组被改变

    var arr5 = arr3.splice(2,0,"wu","leon"); 
    //从第2位开始删除0个元素，插入"wu","leon"
    console.log(arr5); //[] 返回空数组
    console.log(arr3); // [1, 2, "wu", "leon", 6, 7, "f1", "f2"]; 原始数组被改变

    var arr6 = arr3.splice(2,3,"xiao","long");
    //从第2位开始删除3个元素，插入"xiao","long"
    console.log(arr6); //["wu", "leon", 6]
    console.log(arr3); //[1, 2, "xiao", "long", 7, "f1", "f2"]

    var arr7 = arr3.splice(2);//从第三个元素开始删除所有的元素
    console.log(arr7);//["xiao", "long", 7, "f1", "f2"]
    console.log(arr3); //[1, 2]

作者：LeonWuV
来源：优快云
原文：https://blog.youkuaiyun.com/wxl1555/article/details/79388292
版权声明：本文为博主原创文章，转载请附上博文链接！