js中splice和slice方法的用法和区别

1. splice

定义

splice方法向数组中添加项目或删除项目，并返回删除的项目

splice方法会改变原始数组。

语法

array.splice(index, howmany, item1,...itemx)

1. index 必须。整数，指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置。

2. 可选，要删除的项目数。若设置为0，则不会删除任何项目。

3. item1,...,itemx 可选，要添加到数组中的新项目。

返回值： 新数组，包含删除的项目 （如果有）。 

实例

let fruits = ["Banana", "Orange", "Apple", "Mango"];
let ret = fruits.splice(2, 1, "Lemon", "Kiwi");
console.log(fruits) 
 结果：["Banana", "Orange", "Lemon", "Kiwi", "Mango"]
console.log(ret) 
结果： ["Apple"]

2. slice

定义

从已有的数组中返回选定的元素
提取数组中的某一部分，并以新的字符串返回被提取的部分
slice方法不会改变原始数组

语法

array.slice(start, end)

1. start 可选，规定从何处开始选取。如果该参数为负数，则表示从原数组中倒数第几个元素开始提取。

2. end 可选，规定从何处结束选取。该参数是数组片段结束处的数组下标，截取的片段不包含改元素。

3. 返回值： 返回一个新的数组，包含从start(包括该元素) 到end（不包括该元素）的arrayObject中的元素。

实例

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

3. 区别

1. splice 直接操作原数组，会改变原数组，slice不会改变原数组

2. splice 返回增加或删除的值，slice返回截取的数组片段

3. splice 可以用于往数组中插入新的值, slice只能用于获取部分数组片段。

4. slice也可用于字符串的截取

4. 总结

1. 如果想截取原数组的某些数组片段，用slice，取返回值

2. 想增加或删除原数组中的某些值，用splice

3. 字符串的截取，用slice