JavaScript Merge Array Of Objects

JavaScript Merge Array Of Objects | In this article, we’ll see how to use keys in JavaScript to combine an array of items. We’ll go over the three different methods for merging arrays in JavaScript and how to obtain the final merge array.

JavaScript Merge Array Of Objects Using concat()

In JavaScript, merging two or many arrays is accomplished using this technique. The current arrays are unaffected by this solution’s return of a new array. Syntax:–

const result_array = array1.concat([item1], [item2], ..., [itemN])

Let us have a look at some examples to understand this concept just a bit better.

Example 1:- Merge 2 Arrays in JavaScript

arr1 = ['A', 'B', 'C'];
arr2 = ['D', 'E', ];

result = arr1.concat(arr2);
console.log(result);

Output:-

[ ‘A’, ‘B’, ‘C’, ‘D’, ‘E’ ]

As we have seen, the concat() method concatenates two arrays and returns a new array with the result.

Example-2:- Merge 3 Arrays in JavaScript

In this example, we took three arrays and concatenated them using the JavaScript concat() method. All arrays initially have certain elements. 

arr1 = ['p', 'q', 'r', 's'];
arr2 = ['t', 'u', 'v'];
arr3 = ['w', 'x'];

result = arr1.concat(arr2, arr3);
console.log(result);

Output:-

[ ‘p’, ‘q’, ‘r’, ‘s’, ‘t’, ‘u’, ‘v’, ‘w’, ‘x’ ]

JavaScript Merge Array Of Objects Using Spread Operator

Every array was extended using this operator so that the array values could be stored in the new array.

The syntax for Array and String:-
[…array_name, ‘4’];

We’ll examine how the JavaScript spread operator merges the arrays in this example. JavaScript merge arrays of objects Using Spread Operator:-

const arr1 = ['Apple', 'Ball', 'Cat', 'Dog'];
const arr2 = ['Earth', 'Fan', 'Goat'];
const arr3 = ['Horse', 'Igloo'];

const result = [...arr1, ...arr2, ...arr3];
console.log(result);

Output:-

[
‘Apple’, ‘Ball’,
‘Cat’, ‘Dog’,
‘Earth’, ‘Fan’,
‘Goat’, ‘Horse’,
‘Igloo’
]

In this example, we saw how to use JavaScript to extend the array concatenation syntax. This is not the best choice for developers and is not recommended because it will be slower on large datasets compared to the JavaScript concat() method.

JavaScript Merge Array Of Objects Using push() Method

This method extends the array by one or more items and returns the size of the expanded array. Syntax:–

array_name.push([item1], ..., [itemN])

Have a look at the following code to understand how this method works. JavaScript merge arrays of objects Using push() Method

arr1 = ['Mars', 'Earth', 'Jupiter'];
arr2 = ['Venus', 'Uranus'];
length = arr1.push(...arr2);

console.log(arr1);
console.log("The length is " + length);

Output:-

[ ‘Mars’, ‘Earth’, ‘Jupiter’, ‘Venus’, ‘Uranus’ ]
The length is 5

Whilst merging arrays in certain programming languages requires the use of an explicit operator, JavaScript offers a number of alternative techniques. So far, we’ve explored three distinct JavaScript techniques for combining arrays.

If you enjoyed this post, share it with your friends. Do you want to share more information about the topic discussed above or do you find anything incorrect? Let us know in the comments. Thank you!

Search