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
广告