拼接,根据索引删除数组项

指数= 2

//splice & will modify the origin array
const arr1 = [1,2,3,4,5];
//slice & won't modify the origin array
const arr2 = [1,2,3,4,5]


console.log("----before-----");
console.log(arr1.splice(2, 1));
console.log(arr2.slice(2, 1));


console.log("----after-----");
console.log(arr1);
console.log(arr2);

let log = console.log;


//splice & will modify the origin array
const arr1 = [1,2,3,4,5];


//slice & won't modify the origin array
const arr2 = [1,2,3,4,5]


log("----before-----");
log(arr1.splice(2, 1));
log(arr2.slice(2, 1));


log("----after-----");
log(arr1);
log(arr2);

这里有一个简单的技巧来记住slice和splice之间的区别

var a=['j','u','r','g','e','n'];


// array.slice(startIndex, endIndex)
a.slice(2,3);
// => ["r"]


//array.splice(startIndex, deleteCount)
a.splice(2,3);
// => ["r","g","e"]

Trick to remember:

将"spl" (first 3 letters of splice)视为“指定长度”的缩写，即第二个参数应该是一个长度，而不是一个索引

JavaScript数组拼接()方法示例

从索引1中删除2个元素

  var arr = [ "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten" ];


arr.splice(1,2);


console.log( arr ); 

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

  var arr = [ "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten" ];


arr.splice(0,0,"zero");


console.log( arr );  

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

var months = ['Jan', 'March', 'April', 'June'];


months.splice(1, 0, 'Feb'); // add at index 1


console.log(months);


months.splice(4, 1, 'May'); // replaces 1 element at index 4


console.log(months);

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

另一个例子:

[2,4,8].splice(1, 2) -> returns [4, 8], original array is [2]


[2,4,8].slice(1, 2) -> returns 4, original array is [2,4,8]

        // (original Array)
let array=[1,2,3,4,5]
let index= array.indexOf(4)
// index=3
let result=array.slice(index)
// result=4
// after slicing=>  array =[1,2,3,4,5]  (same as original array)

但在splice()情况下，它会影响原始数组;就像,

         // (original Array)
let array=[1,2,3,4,5]
let index= array.indexOf(4)
// index=3
let result=array.splice(index)
// result=[4,5]
// after splicing array =[1,2,3]  (splicing affects original array)

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

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开始。 以上是拼接法和切片法的主要区别

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

• Splice()方法可以取n个参数:

  论点1:索引，必需。

  观点2:可选的。要删除的项的数目。如果设置为0(零)，则不会删除任何项。如果没有通过，则从所提供的索引中删除所有项。

  论点3 . . n:可选的。要添加到数组中的新项

• slice()方法可以带2个参数:

  论点1:必需的。指定从何处开始选择的整数(第一个元素的索引为0)。使用负数从数组的末尾开始选择。

  观点2:可选的。指定在何处结束选择的整数。如果省略，将选择从数组开始位置到数组结束的所有元素。

  .使用负数从数组的末尾选择

大多数答案都太啰嗦了。

• splice和slice返回数组中其余元素。
• splice使正在操作的数组发生突变，删除元素，而slice没有。

年代虱子 =给出数组的一部分&没有拆分原始数组

SP虱子 =给出数组的一部分&SPlitting原始数组

我个人觉得这更容易记住，因为这两个术语总是让我这个网页开发初学者感到困惑。

两者都返回相同的答案，但是:

• SPlice将改变你的原始数组。
• 年代lice不会改变你的原始数组。

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

接头()方法通过向数组中添加或删除元素来创建数组。

下面是片语法:

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]

相关链接:

让我们澄清关于slice()， splice()， &JavaScript中的split()方法

Array.prototype.slice() .slice(

Array.prototype.splice() .splice(

slice和splice密切相关，但用途却非常不同:

slice函数用于选择数组的一部分。它的目的是返回值。它的执行并不影响它的主题。

splice函数用于从数组中移除元素。它的目的是修饰它的主题。如果需要，它仍然返回已删除项的副本，以供参考。

有3个不同点:

1. Splice将从原始数组中删除所选元素，并将它们作为一个新数组返回-注意，原始数组将不再有它们-。Slice将使用所选元素创建一个新数组，而不会影响原来的数组。

2. Splice接收起始索引和从该点移除多少元素作为参数。Slice接收2个索引，开始和结束。

3. Splice可用于通过传递可选参数在数组中的特定位置添加元素。

这两种方法对初学者来说很容易混淆。我研究并发现了slice和splice中的4个关键点。你可以阅读更多关于切片与拼接的细节。

JavaScript切片

• Slice只是从数组中返回指定数量的元素。例如，你有一个包含10个元素的数组，你只想从第二个下标中获取3个元素。
• 它不修改原始数组，而是返回元素的数量。
• 切片的语法是array.slice(startingIndex, elementCount)

在JavaScript中拼接

• Splice也可以从数组中返回与切片相同的选定元素，但它会修改原始数组。

• 您可以使用splice在特定索引上在数组中添加新元素

• 你可以删除指定的元素，也可以同时添加新元素。

• 使用splice的语法是array.splice(startingIndex, removeCounter, newElement(s)[optional])

总结