concat array of objects javascript using ES-6

Concat Arrays of Objects in JavaScript using ES-6#

If you have multiple arrays containing objects and you want to merge them into a single array of objects, you can use the concat method. In ES-6, you can use the spread operator to make your code simpler and more efficient.

Using the Concat Method#

The concat method is a built-in method in JavaScript that is used to merge two or more arrays into a single array. Here's an example:

const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}];
const arr2 = [{name: 'Bob', age: 40}, {name: 'Jane', age: 35}];
const arr3 = arr1.concat(arr2);
console.log(arr3);

In this example, we have three arrays (arr1, arr2, and arr3). We are using the concat method to merge arr1 and arr2 into arr3. The resulting array contains all the elements in arr1 and arr2.

Using the Spread Operator (ES-6)#

In ES-6, you can use the spread operator to achieve the same result as the concat method, but with less code. Here's an example:

const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}];
const arr2 = [{name: 'Bob', age: 40}, {name: 'Jane', age: 35}];
const arr3 = [...arr1, ...arr2];
console.log(arr3);

In this example, we are using the spread operator (...) to merge arr1 and arr2 into arr3. The resulting array contains all the elements in arr1 and arr2.

Conclusion#

Concatenating arrays of objects in JavaScript is easy using either the concat method or the spread operator in ES-6. Both methods achieve the same result, but the spread operator is more concise and efficient.