js slice splice 区别

1、slice 用法 slice(start,end)，返回值是一个新的数组

• start 提取起始处的索引（从 0 开始），从该索引开始提取原数组元素。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。如果省略 begin，则 slice 从索引 0 开始。如果 begin 超出原数组的索引范围，则会返回空数组。

• 提取终止处的索引（从 0 开始），在该索引处结束提取原数组元素。slice 会提取原数组中索引从 begin 到 end 的所有元素（包含 begin，但不包含 end）。slice(1,4) 会提取原数组中从第二个元素开始一直到第四个元素的所有元素 （索引为 1, 2, 3的元素）。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。如果 end 被省略，则 slice 会一直提取到原数组末尾。如果 end 大于数组的长度，slice 也会一直提取到原数组末尾。

var array = ['a', 'b', 'c', 'd'];
var slice1 = array.slice(0, 1); //['a']
var slice2 = array.slice(-1); // ['d']
var slice3 = array.slice(2); // ['c','d']
var slice4 = array.slice(-2, -1); // ['c']

2、splice 用法 splice(start[,deleteCount[, item1[, item2[, ...]]]])，回值是被删除的元素，所以尽量不用splice做数组切割

• start 指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从-1计数，这意味着-n是倒数第n个元素并且等价于array.length-n）；如果负数的绝对值大于数组的长度，则表示开始位置为第0位

• deleteCount 整数，表示要移除的数组元素的个数。如果 deleteCount 大于 start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）。如果 deleteCount 被省略了，或者它的值大于等于array.length - start(也就是说，如果它大于或者等于start之后的所有元素的数量)，那么start之后数组的所有元素都会被删除。如果 deleteCount 是 0 或者负数，则不移除元素。这种情况下，至少应添加一个新元素。

• item1, item2, ... 可选要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。

var array2 = ['a', 'b', 'c', 'd'];
var splice1 = array2.splice(1); // ['b','c','d']; array2 // ['a']
var splice2 = array2.splice(-1); // ['d']; array2 // ['a','b','c']
var splice3 = array2.splice(-1,2); // ['c','d']; array2 // ['a','b']
var splice4 = array2.splice(2, 0, 'f');

3、主要区别

• slice不改变原数组，splice改变原数组

• slice只有截取数组的功能，splice不仅能截取还能替换数组项内容，但是返回值是截取的数组