JavaScript - Array unshift（）方法

在 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

示例 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

本页