splice()和slice()函数对比

**

JavaScript学习笔记

**

1.splice()函数可以添加、删除元素
(1)添加 元素
示例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

结果:
在这里插入图片描述
第一个参数(2)定义了应添加新元素的位置(拼接)。
第二个参数(0)定义应删除多少元素。
其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。

(2)删除元素
①示例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

结果:
在这里插入图片描述
②示例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1); 

结果:
删除了Banana,剩余Orange,Apple,Mango
splice()删除元素时,从第1个元素

2.slice()函数只能删除元素
slice() 方法用数组的某个片段切出新数组,即裁剪数组
(1)一个参数
示例:

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3); 

结果:
删除前三个元素,生成Orange,Lemon
(2)两个参数
该方法会从开始参数选取元素,直到结束参数(不包括)为止。
示例:

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3); 

结果:
生成Orange,Lemon