JavaScript - Array unshift() 方法

在 JavaScript 中，**Array.unshift()** 方法用于在数组开头添加一个或多个元素，并返回数组的新长度。此方法会覆盖现有数组。

为了为新元素腾出空间，它通过将现有元素移到下一个（更高）索引来修改数组。例如，如果我们考虑一个数组 arr = [1, 2, 3]；如果我们添加 arr.unshift(11,22)；那么结果将是 [11,22,1,2,3]。

语法

以下是 JavaScript Array unshift() 方法的语法：

array.unshift(element1, element2, ...,elementN)

参数

此方法接受一个参数。下面描述了该参数：

**"element1…element"** 是将添加到数组开头的元素。

返回值

此方法将一个或多个元素添加到数组的开头。它修改原始数组并返回数组的新长度。

示例

示例 1

在以下示例中，我们使用 JavaScript Array unshift() 方法在数组开头添加新元素。

<html>
<body>
   <p id="demo1"></p>
   <p id="demo2"></p>
   <script>
      const animals = ["Tiger", "Elephant", "Dinosaur"];
      animals.unshift("Lion", "Cheetah");
      document.getElementById("demo1").innerHTML = animals;
      document.getElementById("demo2").innerHTML = animals.length;
   </script>
</body>
</html>

执行上述程序后，新元素将添加到数组的开头。此外，数组的长度从 3 变为 5。

输出

Lion,Cheetah,Tiger,Elephant,Dinosaur

5

示例 2

如果我们没有向 unshift() 方法传递任何元素，则数组的元素和长度保持不变。

<html>
<body>
   <p id="demo1"></p>
   <p id="demo2"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
      animals.unshift();
      document.getElementById("demo").innerHTML = animals;
   </script>
</body>
</html>

数组的长度和元素保持不变。

示例 3

这里，子数组 [1, 4] 被视为单个元素，并将其添加到 animals 数组的开头。结果，数组的长度变为 6。

<html>
<body>
   <p id="demo1"></p>
   <p id="demo2"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"];
      animals.unshift([1, 4]);
      document.getElementById("demo1").innerHTML = animals;
      document.getElementById("demo2").innerHTML = animals.length;
   </script>
</body>
</html>

输出

正如我们在输出中看到的，元素已添加到数组的开头，并且长度已覆盖为 6。

1,4,Lion,Cheetah,Tiger,Elephant,Dinosaur

6

打印页面