How to merge or append the array of objects to another array of object in JavaScript

Question

How to merge the array of objects to another array of objects in JavaScript

Hi everyone, below I added my code.

   

    var person=[{"name":"Billy","age":34},{"name":"Billy","age":34}];
       var clothing=[{"shoes":"nike","shirt":"long sleeve"}, 
       {"shoes":"nike","shirt":"long sleeve"}];

Seems a pretty odd requirement to have an array of objects where not all of the objects represent the same things - are you sure you're not really wanting to merge the objects themselves together so each person has their clothing? like {"name":"Billy","age":34,"shoes":"nike","shirt":"long sleeve"} — Jamiec
– Jamiec, Commented Jan 5, 2022 at 13:32
Agree with @Jamiec, also note that, in this case, you can remove double quotes from key names. — Emanuele Scarabattoli
– Emanuele Scarabattoli, Commented Jan 5, 2022 at 13:39

Prabhat Kumar · Accepted Answer · 2022-01-05 13:30:30Z

2

you can use spread operator for this

const merged = [...person,...clothing]

answered Jan 5, 2022 at 13:30

Prabhat Kumar

5305 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Micro Kumar Over a year ago

I applied the [...person,...clothing] code. But, Result comes like this [0] [{"name":"Billy","age":34},{"name":"Billy","age":34}]}] and [1] [{"shoes":"nike","shirt":"long sleeve"},{"shoes":"nike","shirt":"long sleeve"}]

Prabhat Kumar Over a year ago

if you will write [person, clothing] then you will get this. For your answer, you have to use the spread operator like [...person, ...clothing]

Eduard · Accepted Answer · 2022-01-05 13:30:23Z

1

var person=[{"name":"Billy","age":34},{"name":"Billy","age":34}];
var clothing=[{"shoes":"nike","shirt":"long sleeve"},{"shoes":"nike","shirt":"long sleeve"}];


var mergedV1 = [...person, ...clothing]
var mergedV2 = person.concat(clothing)

answered Jan 5, 2022 at 13:30

Eduard

1,3848 silver badges14 bronze badges

Comments

kazington · Accepted Answer · 2022-01-05 13:32:17Z

1

Use spread ES6 syntax https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_syntax

var person=[{"name":"Billy","age":34},{"name":"Billy","age":34}];
var clothing=[{"shoes":"nike","shirt":"long sleeve"},{"shoes":"nike","shirt":"long sleeve"}];

var merge = [...person, ...clothing]
console.log(merge)

answered Jan 5, 2022 at 13:32

kazington

781 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to merge or append the array of objects to another array of object in JavaScript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related