How to Add New Elements at the Beginning of an Array in JavaScript

Use the unshift() Method

You can use the unshift() method to easily add new elements or values at the beginning of an array in JavaScript. This method is a counterpart of the push() method, which adds the elements at the end of an array. However, both method returns the new length of the array.

The following example will show you how to add single or multiple elements at the start of an array.

<script>
var fruits = ["Apple", "Banana", "Mango"];
 
// Prepend a single element to fruits array
fruits.unshift("Orange");
 
console.log(fruits);
// Prints: ["Orange", "Apple", "Banana", "Mango"]
 
// Prepend multiple elements to fruits array
fruits.unshift("Guava", "Papaya");
 
console.log(fruits);
// Prints: ["Guava", "Papaya", "Orange", "Apple", "Banana", "Mango"]
 
// Loop through fruits array and display all the values
for(var i = 0; i < fruits.length; i++){
    document.write("<p>" + fruits[i] + "</p>");
}
</script>