1. 程式人生 > >js中關於splice和concat的使用

js中關於splice和concat的使用

splice和concat涵蓋了所有js中關於陣列的操作。

一.splice運算元組

1.刪除操作
let arr1 = arr.splice(index, num);
說明:對陣列中index位置開始,刪除num個元素,返回刪除的元素陣列,並且原始陣列發生變化。
例:
let arr = [1,2,3,4,5,6];
let arr1 = arr.splice(3,2);
此時,arr為[1,2,3,6]; arr1為[4,5];

2.插入操作
let arr1 = arr.splice(index, 0, elements);
說明:對陣列中index位置處,插入元素elements,返回空陣列,並且原始陣列發生變化。


例:
let arr = [1,2,3,4,5,6];
let arr1 = arr.splice(3,0,4,5);
此時,arr為[1,2,3,4,5,4,5,6]; arr1為[];

3.替換操作
let arr1 = arr.splice(index, num,elements);
說明:對陣列中index位置開始,將後面的num個元素替換成elements,返回之前替換的元素,並且原始陣列發生變化。
例:
let arr = [1,2,3,4,5,6];
let arr1 = arr.splice(3,1,6,6);
此時,arr為[1,2,36,6,5,6]; arr1為[4];

二.concat合併陣列
concat主要是用來合併陣列的。
let arr1 = arr.concat(element1,element2,······);
說明:將陣列arr與元素(element1,element2,······)合併,而(element1,element2,······)可以陣列中的元素,也可以是陣列,返回的是合併之後的新陣列。
例:
let arr = [1,2,3,4,5,6];
let arr1 = arr.concat(7,8);
let arr2 = arr.concat([7,8],[9,10]);
此時,arr為 [1,2,3,4,5,6]不變; arr1為[1,2,3,4,5,6,7,8]; arr2為[1,2,3,4,5,6,7,8,9,10];