JS數組指定位置插入

一、數組指定位置插入

數組是JavaScript編程中常用的一種數據結構。在JavaScript中，數組是一組按照順序排列的數據項組成的集合，可以保存多個數據項並且這些數據可以是任意類型的。在數組中我們可以增加、刪除、修改、查詢數組的元素。對於數組來說，指定位置插入數據是一種改變數組形態的常用操作。我們可以採取splice方法，實現指定位置插入數據。
以往插入數據時，我們往往會採用for循環遍歷的方式來實現插入操作，如下所示：

let arr = ['a', 'b', 'c', 'd'];
let index = 2; // 在索引2位置插入元素
let item = 'x';
for (let i = arr.length; i > index; i--) {
  arr[i] = arr[i - 1];
}
arr[index] = item;
console.log(arr); // ['a', 'b', 'x', 'c', 'd']

可以看出，使用for循環的方式會將index後的元素全部向後移動，然後再插入數據。這種方式雖然可以實現功能，但是效率較低，代碼量過於龐大。其實，JavaScript中給我們提供了一種更加簡便的方式，即splice方法。

let arr = ['a', 'b', 'c', 'd'];
let index = 2; // 在索引2位置插入元素
let item = 'x';
arr.splice(index, 0, item);
console.log(arr); // ['a', 'b', 'x', 'c', 'd']

可以看出，使用splice方法可以在指定位置插入元素並且不需要手動移動其他元素。splice方法的使用方法是，第一個參數是插入元素的位置，第二個參數是要刪除的元素個數，第三個參數是要插入的元素。如果第二個參數填0，則表示不刪除任何元素。

二、JS數組指定位置添加

除了在指定位置插入一個元素，我們也可以在指定位置添加一個數值。即，在指定位置的數值上加上一個固定的值。這種方式是在原位置上修改數據，而不是插入新數據。
我們還是可以採用splice方法，實現在指定位置添加的效果。示例代碼如下：

let arr = [1, 2, 3, 4, 5];
let index = 3; // 在索引3位置添加值
let value = 10;
arr.splice(index, 1, arr[index] + value); //在索引3上加上10
console.log(arr); // [1, 2, 3, 14, 5]

可以看出，使用splice方法可以將指定位置的值進行修改，並且不需要手動移動其他元素。splice方法的使用方法是，第一個參數是修改元素的位置，第二個參數是要刪除的元素個數，第三個參數是要插入的元素。在此情況下，要插入的元素為指定位置的原值加上固定的值。

三、JS數組指定位置添加元素

如果我們要在數組中添加多個元素，而不是修改或者插入單個元素，我們可以採用splice方法和apply方法相結合的方式。
apply方法可以將一組參數以數組的形式傳遞給某個方法，並運行這個方法。在這種情況下，我們可以利用apply方法來將一個數組插入到另一個數組的指定位置。示例代碼如下：

let arr1 = ['a', 'b', 'c'];
let arr2 = ['d', 'e', 'f'];
let index = 2; // 在索引2位置添加arr2中的元素
Array.prototype.splice.apply(arr1, [index, 0].concat(arr2));
console.log(arr1); // ['a', 'b', 'd', 'e', 'f', 'c']

可以看出，使用apply方法可以將arr2中的元素添加到arr1中的指定位置，並且不需要手動移動其他元素。apply方法的使用方法是，第一個參數是要調用的方法，第二個參數是傳遞給方法的參數，以數組形式傳遞。在此情況下，第一個參數是splice方法，第二個參數是插入時需要的參數：第一個是插入的位置，第二個是要刪除的元素個數（0表示不刪除元素），第三個是要插入的元素，使用concat將要插入的數組進行拼接。

四、JS添加數據到數組的指定位置

除了使用splice方法之外，我們還可以使用數組對象的length屬性和索引的方式來添加數據到指定位置。
如果我們要將數據添加在某個位置，需要先給數組擴容一個單位，然後將之後的元素向後移動一個位置。待到元素騰出位置後，再把新元素插到指定位置上。示例代碼如下：

let arr = ['a', 'b', 'c', 'd'];
let index = 2; // 在索引2位置插入元素
let value = 'x';
arr.length += 1; //擴容一個單位
for (let i = arr.length - 1; i > index; i--) {
  arr[i] = arr[i - 1];
}
arr[index] = value; //將新增元素插在指定位置上
console.log(arr); // ['a', 'b', 'x', 'c', 'd']

可以看出，使用數組的length屬性和索引的方式可以在指定位置插入元素並且不需要手動移動其他元素。方法是先擴容一個單位，再將指定位置以後的元素向後移動一個位置，之後將新元素插入到指定位置上。這種方式實現比較麻煩，但是在某些情況下仍然可以使用。