JavaScript——slice（创建新数组）和splice（改变原数组）的区别

最新推荐文章于 2025-02-16 08:10:28 发布

原创最新推荐文章于 2025-02-16 08:10:28 发布 · 6.4k 阅读

7 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了JavaScript中的slice和splice两个数组方法。slice用于创建数组副本，不改变原数组；而splice则能进行删除、插入和替换操作，会改变原数组。通过实例展示了它们的具体用法，帮助读者深入理解这两个方法的区别。

splice和splice，看似相同，用法却`万全不一样`。

1、slice
　　slice是指定在一个数组中的元素创建一个新的数组，即原数组不会变

var color = new Array('red','blue','yellow','black');
var color2 = color.slice(1,2);
alert(color); 　　//输出   red,blue,yellow,black
alert(color2);   //输出   blue;注意：这里只有第二项一个值

2、splice
　　它能够实现对数组元素的删除、插入、替换操作，返回值为被操作的值，即原数组被改变。
arrayObject.splice(index,howmany,item1,…,itemX)

splice删除：　　color.splice(1,2) （删除color中的1、2两项）；

splice插入：　　color.splice(1,0,‘brown’,‘pink’) （在color键值为1的元素前插入两个值）；

splice替换：　　color.splice(1,2,‘brown’,‘pink’) （在color中替换1、2元素）；

var color = new Array('red','blue','yellow','black');
var color2 = color.splice(2,3,'brown','pink');
alert(color);     //  red,blue,brown,pink
alert(color2);    //  yellow,black