如何在 JavaScript 中的特定索引处将项目插入数组？

JavaScript 中没有内置方法可以直接允许在数组的任意索引处插入元素。这可以使用 2 种方法来解决：

使用 array.splice()：
array.splice() 方法通常用于在数组中添加或删除项目。这个方法有3个参数，元素id要插入或删除的索引，要删除的项目数和要插入的新项目。

唯一的插入可以通过将要删除的元素数指定为 0 来完成。这允许只在特定索引处插入指定的项目而不删除。

句法：

array.splice(index, no_of_items_to_remove, item1 ... itemX)

例子：

  

    
      How to insert an item into
      array at specific index in JavaScript?
  

  

    
      GeeksforGeeks
  
    How to insert an item into array 
      at specific index in JavaScript?
    The original array is: 1, 2, 3, 4, 5
    Click on the button to insert -99 at index 2
    The new array is: 
  
  
    Insert element
    
        function insertElement() {
            let arr = [1, 2, 3, 4, 5];
            let index = 2;
            let element = -99;
  
            arr.splice(index, 0, element);
            document.querySelector('.outputArray').textContent =
              arr;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

使用传统的 for 循环：
for 循环可用于将所有元素从索引（要插入新元素的位置）移动到数组的末尾，从它们当前位置移到一个位置。然后可以将所需的元素放置在索引处。

代码：

// shift all elements one place to the back until index
for (i = arr.length; i > index; i--) {
    arr[i] = arr[i - 1];
}
 
// insert the element at the index
arr[index] = element;

例子：

  

    How to insert an item 
      into array at specific index
      in JavaScript?

  

    
      GeeksforGeeks
  
    How to insert an item into
      array at specific index in JavaScript?
  
    The original array is: 1, 2, 3, 4, 5
  
    Click on the button to insert -99 at index 2
  
    The new array is: 
  
  
    
      Insert element
  
    
        function insertElement() {
            let arr = [1, 2, 3, 4, 5];
            let index = 2;
            let element = -99;
  
            // shift all elements one
            // place to the back until index
            for (i = arr.length; i > index; i--) {
                arr[i] = arr[i - 1];
            }
  
            // insert the element at the index
            arr[index] = element;
  
            document.querySelector(
              '.outputArray').textContent = arr;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：