Which method is used to add one or more elements to the beginning of an array?
Answers
unshift()
shift()
push()
prepend()
# Understanding the unshift() Method in JavaScript
The `unshift()` method in JavaScript is a built-in array method that is used to add one or more elements to the beginning of an array. This changes the whole array by shifting existing elements towards the end to make room for the new additions. The name 'unshift' can be seen as the opposite of 'shift', which is another array method that removes the first item from an array.
## Practical Example of unshift() Method
Here is a short example to illustrate how to use the `unshift()` method:
```javascript
let fruits = ["Apple", "Banana", "Cherry"];
fruits.unshift("Avocado");
console.log(fruits);
// Output: ["Avocado", "Apple", "Banana", "Cherry"]
```
In the example above, we start with an array `fruits` that contains three items. We then call the `unshift()` method on the `fruits` array, passing `"Avocado"` as the argument. This adds `"Avocado"` to the beginning of the array. When we log the `fruits` array to the console afterwards, `"Avocado"` appears as the first item.
The `unshift()` method can also add multiple items to the beginning of the array at once:
```javascript
let fruits = ["Apple", "Banana", "Cherry"];
fruits.unshift("Avocado", "Mango");
console.log(fruits);
// Output: ["Avocado", "Mango", "Apple", "Banana", "Cherry"]
```
## Conclusion and Best Practices
Although the `unshift()` method can be very useful, keep in mind that it modifies the original array. If you want to add elements to the beginning of an array but keep the original array untouched, you would need to make a copy of the array and work with that so as not to mutate the original data.
Alternatively, you could use the JavaScript spread operator to create a new array with the new elements at the beginning:
```javascript
let fruits = ["Apple", "Banana", "Cherry"];
let newFruits = ["Avocado", "Mango", ...fruits];
console.log(newFruits);
// Output: ["Avocado", "Mango", "Apple", "Banana", "Cherry"]
```
In this code, the spread operator (`...`) is used to reiterate each element of the `fruits` array, creating a new array without modifying the original one.
So, while unshift() is a very useful method for adding elements to the start of an array, it is essential to understand the implications of its use and the alternatives available.