splice()方法返回数组中已删除的项。 slice()方法将数组中所选的元素作为一个新的数组对象返回。

splice()方法改变原始数组，slice()方法不改变原始数组。

Splice() method can take n number of arguments: Argument 1: Index, Required. Argument 2: Optional. The number of items to be removed. If set to 0(zero), no items will be removed. And if not passed, all item(s) from provided index will be removed. Argument 3..n: Optional. The new item(s) to be added to the array. slice() method can take 2 arguments: Argument 1: Required. An integer that specifies where to start the selection (The first element has an index of 0). Use negative numbers to select from the end of an array. Argument 2: Optional. An integer that specifies where to end the selection. If omitted, all elements from the start position and to the end of the array will be selected. Use negative numbers to select from the end of an array.

Splice和Slice是内置的Javascript命令，而不是特定的AngularJS命令。Slice返回从“start”到“end”说明符之前的数组元素。Splice改变实际的数组，从“start”开始，并保持指定的元素数量。谷歌有很多这方面的信息，只要搜索。

slice()方法复制数组的给定部分，并将复制的部分作为一个新数组返回。它不会改变原始数组。

splice()方法通过向数组中添加或删除元素来更改数组。

下面是切片语法:

array.slice(from, until);

// example
let array = [1, 2, 3, 4, 5, 6]
let newArray = array.slice(1, 3)
console.log({array, newArray})

// output: array: [1, 2, 3, 4, 5, 6], newArray: [2, 3]

注意:Slice()方法也可以用于字符串。

下面是拼接的语法:

//For removing elements, we need to give the index parameter,
// and the number of elements to be removed

array.splice(index, number of elements to be removed);


//example
let array = [1, 2, 3, 4, 5, 6]
let newArray = array.splice(1, 3)
console.log({array, newArray})

// output: array: [1, 5, 6], newArray: [2, 3, 4]

注意:如果不定义第二个形参，则从给定索引开始的每个元素都将从数组中删除

// For adding elements, we need to give them as the 3rd, 4th, ... parameter
array.splice(index, number of elements to be removed, element, element);

//example
let array = [1, 2, 3, 4, 5, 6]
let newArray = array.splice(1, 3, 'a', 'b')
console.log({array, newArray})

// output: array: [1, ,'a', 'b', 5, 6], newArray: [2, 3, 4]

相关链接:

让我们来澄清JavaScript中slice()、splice()和split()方法的混淆

Array.prototype.slice ()

Array.prototype.splice ()

JavaScript数组拼接()方法示例

从索引1中删除2个元素

var arr =“1”,“2”,“三”、“四”、“5”、“6”、“7”、“八”,“九”,“十”); arr.splice(1、2); Console.log (arr);

例2通过tutsmake从索引0 JavaScript中添加新元素

var arr =“1”,“2”,“三”、“四”、“5”、“6”、“7”、“八”,“九”,“十”); arr.splice (0, 0, 0); Console.log (arr);

示例3:在数组JavaScript中添加和删除元素

var months = ['Jan'， 'March'， 'April'， 'June']; 个月。splice(1,0， 'Feb');//添加索引1 console.log(个月); 个月。splice(4,1， 'May');//替换索引4的1个元素 console.log(个月);

https://www.tutsmake.com/javascript-array-splice-method-by-example/

拼接- MDN参考- ECMA-262规范

语法 数组中。拼接(item1[[开始,deleteCount[第二条 [, ...]]]])

参数

开始:必需的。初始索引。 如果start为负，则将其视为“Math.max((数组。长度+ start)， 0)”，按照规范(下面提供的示例)有效地从数组的末尾开始。 deleteCount:可选的。要删除的元素数量(如果没有提供，则全部从开始删除)。 Item1, item2，…:可选的。要从起始索引添加到数组的元素。

返回:删除元素的数组(如果没有删除则为空数组)

改变原始数组:是的

例子:

Const数组= [1,2,3,4,5]; //删除第一个元素 console.log('已删除的元素:'，数组。Splice(0,1)， '突变数组:'，数组); //元素删除:[1]mutated array: [2,3,4,5] // array = [2,3,4,5] //删除最后一个元素start ->数组。长度+起始= 3) console.log('已删除的元素:'，数组。Splice(- 1,1)， '突变数组:'，数组); //元素删除:[5]mutated array: [2,3,4]

更多的例子在MDN拼接的例子

切片- MDN参考- ECMA-262规范

语法 数组中。片([[,]]开始) 参数

开始:可选的。初始索引(默认为0)。 如果begin为负数，则将其处理为“Math.max((数组。长度+ begin)， 0)”按照规范(下面提供的示例)有效地从数组的末尾开始。 结束:可选的。抽取的最后一个索引，但不包括(default array.length)。如果end为负数，则将其处理为“Math.max((数组。长度+ begin)，0)”按照规范(下面提供的示例)有效地从数组的末尾开始。

返回:包含已提取元素的数组。

突变原:没有

例子:

Const数组= [1,2,3,4,5]; //提取第一个元素 console.log('提取的元素:'，数组。Slice (0,1)， 'array:'， array); //元素提取:[1]array: [1,2,3,4,5] //提取最后一个元素start ->数组。长度+起始= 4) console.log('提取的元素:'，array.slice(-1)， 'array:'， array); //元素提取:[5]array: [1,2,3,4,5]

更多的例子在MDN切片的例子

性能比较

不要认为这是绝对的真理，因为根据不同的场景，一个可能比另一个表现更好。 性能测试

切片不改变原始数组，它返回新的数组，但拼接改变原始数组。

example: var arr = [1,2,3,4,5,6,7,8];
         arr.slice(1,3); // output [2,3] and original array remain same.
         arr.splice(1,3); // output [2,3,4] and original array changed to [1,5,6,7,8].

拼接方法的第二个参数不同于切片方法。在拼接中，第二个参数表示要删除的元素的计数，在切片中，它表示结束索引。

arr.splice(-3,-1); // output [] second argument value should be greater then 
0.
arr.splice(-3,-1); // output [6,7] index in minus represent start from last.

-1代表最后一个元素，从-3到-1。 以上是拼接法与切片法的主要区别。