在 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.