Adding Elements to a List in JavaScript

In JavaScript, adding elements to an array or list can be done in many ways. Every method has its unique application and easy accessibility. Every method is useful and choosing the best one makes the problem optimized.

Let us see the methods that are used to add elements to the array in JavaScript in 10 different ways.

1. push(): This technique appends elements to an array's end.
2. unshift(): appended at beginning
3. concat(): Consolidates arrays without changing the source arrays.
4. Spread Operator (...): It adds elements to an array quickly and briefly.
5. splice(): It Changes an array at a given list by adding or eliminating individuals.
6. slice(): This strategy adds elements by consolidating with different methods.
7. Array.from(): This technique develops another array with additional parts.
8. Apply(): Integrates numerous elements into an array.
9. reduce(): An adaptable technique for extending an array.
10. map(): It develops another array by adding and changing parts.

Realizing these strategies empowers you to manage different situations handily and ensures that you can work with arrays in the best way for your prerequisites. Here is a more critical glance at a couple of additional things to contemplate while applying every strategy.

1. push()

The push technique changes the length of an array by appending at least one element to its end.

Code

Output:

 [ 'apple', 'banana', 'orange', 'grape' ] 

2. unshift()

The unshift function changes the length of an array by appending at least one element to its beginning.

Code

Output:

 [ 'mango', 'pineapple', 'apple', 'banana' ] 

3. concat()

The concat function joins at least two arrays together. This technique returns another array as opposed to changing the all-around existing arrays.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ] 

4. Spread Operator

A genuinely concise method for adding elements to an array is through the spread operator.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ] 

5. splice()

The splice function adjusts an array's items by embedding new elements in lieu of or erasing old ones.

Code

Output:

 [ 'apple', 'cherry', 'strawberry', 'banana' ] 

6. slice()

Although it does not add elements straightforwardly, the slice() method can be utilized related to different procedures to expand the size of an array.

Code

Output:

 [ 'apple', 'cherry', 'strawberry', 'banana' ] 

7. Array.from()

Utilizing an array-like or iterable object, Array.from() creates another example of the array. You can add items in an imaginative manner utilizing this system.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ] 

8. apply()

Several elements can be pushed into an array using the apply() method.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ] 

9. reduce()

Each element of the array is exposed to a reducer capability utilizing the reduce() method, which creates a solitary result value. Remembering more items for an array can be adjusted.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ] 

10. map()

Map() can be utilized to create another array with additional elements, even though changing array elements is essentially utilized.

Code

Output:

 [ 'apple', 'banana', 'cherry', 'strawberry' ]