在 JavaScript 中向陣列的指定位置新增元素

在本文中，我們將學習如何在 JavaScript 中向陣列的指定位置新增元素。陣列是一種特殊的變數，可以儲存多個值。

陣列是在連續記憶體位置儲存專案的一個集合。其思想是將多個專案一起儲存。這使得只需向陣列第一個元素的記憶體位置的基值新增偏移量，即可更容易地計算每個元素的位置。對於陣列中的第一個元素，基值是索引 0，兩個索引之間的差值是偏移量。

語法

以下是 JavaScript 中陣列資料結構的語法。

const array = ["Value1", "Value2", "Value3"];

陣列允許對元素進行隨機訪問。這使得按位置訪問元素更快更容易。陣列具有更好的快取區域性性，這使得效能差異很大。陣列使用單個名稱表示相同型別的多個數據項，而不是將不同的項儲存在不同的變數中。

我們使用 insert() 函式新增元素。該函式將元素新增到陣列的指定位置。

語法

以下是 JavaScript 中在陣列的指定位置新增元素的語法。

arr.insert(item, position);

示例

以下是 JavaScript 中在陣列的指定位置新增元素的示例程式。

<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script>
      Array.prototype.insert = function(data, position) {
         if (position >= this.length) {
            this.push(data) // Put at the end if position is more than total length of array
         } else if (position <= 0) {
            this.unshift(data) // Put at the start if position is less than or equal to 0
         } else { // Shift all elements to right
            for (let i = this.length; i >= position; i--) {
               this[i] = this[i - 1];
            }
            this[position] = data;
         }
      }
      let arr = [1, 2, 3, 4];
      arr.insert(-2, 2);
      document.write(arr);
      Output
   </script>
</head>
</html>

我們可以向陣列新增任何資料。

示例

以下是 JavaScript 中在陣列的指定位置新增元素的示例程式。

<!DOCTYPE HTML>
<html>
<head>
</head>
   <script >
      const items = ["one", "two" , "three", "four"]
      const insert = (items, index, newItem) => [...items.slice(0, index),newItem,...items.slice(index)]
      const result = insert(items, 0, 'zero')
      document.write(result)
   </script>
</head>
</html>

示例

您還可以使用 splice 方法在指定位置插入元素。

<!DOCTYPE HTML>
<html>
<head>
</head>
   <script >
      var months = ['Jan', 'March', 'April', 'June'];
      months.splice(1, 0, 'Feb');
      document.write(months);
   </script>
</head>
<body> 
</body>
</html>

該方法的第一個引數是我們想要從中刪除元素或插入元素的索引。第二個引數是我們想要刪除的元素數量。第三個引數及其後的引數是我們想要插入到陣列中的值。

更新於：2022年11月21日

458 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.