在 JavaScript 中，Array.unshift（） 方法用于将一个或多个元素添加到数组的开头，并返回数组的新长度。此方法将覆盖现有数组。
为了给新元素腾出空间，它通过将现有元素移动到下一个（更高）索引来修改数组。例如，如果我们考虑一个数组 arr = [1， 2， 3];如果我们添加 arr.unshift（11,22）;那么结果将是 [11,22,1,2,3]。
语法
以下是 JavaScript 数组 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
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
6
