Append Javascript Object to another in Angular 5

Question

Hi how to append javascript objects to another one for example:

ObjectA = [
           {
            "id":"1",
            "name":"name 1"
           }
          ]

ObjectB = [
           {
            "id":"2",
            "name":"name 2"
           }
          ]

result would be like this:

Result = [
           {
            "id":"1",
            "name":"name 1"
           },
           {
            "id":"2",
            "name":"name 2"
           }
          ]

I tried to use Object.Assign() but it just overwrite the first object. Hope you can help me with this. Thanks!

Possible duplicate of How to merge two arrays in JavaScript and de-duplicate items — Amit Chigadani
– Amit Chigadani, Commented Aug 30, 2018 at 7:37

Manish Gharat · Accepted Answer · 2018-08-30 07:32:44Z

1

Array.concat to merge the two arrays
Object.assign to merge 2 objects

answered Aug 30, 2018 at 7:32

Manish Gharat

4202 silver badges10 bronze badges

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

Comments

CharybdeBE · Accepted Answer · 2018-08-30 07:30:30Z

1

You can use Object.assign() with a 3rd object

ie:

let result = {}
Object.assign(result, ObjectA, ObjectB)

With that method you dont modify ObjectA and ObjectB

Edit because your object are arrays :

  let result = ObjectA.concat(ObjectB)

concatdoes not modify the original objects

answered Aug 30, 2018 at 7:30

CharybdeBE

1,8531 gold badge21 silver badges38 bronze badges

2 Comments

asdfghmak Over a year ago

object.assign overwrites my first object

CharybdeBE Over a year ago

Yes but in the exemple i provide you we use a 3rd object instead of overwritting ObjectA; Anyway because you have array the concat soultion is more adapted

Amit Chigadani · Accepted Answer · 2018-08-30 07:34:01Z

1

Your Objects are inside an array. So you can use array.concat()

let ObjectA = [
           {
            "id":"1",
            "name":"name 1"
           }
          ]

let ObjectB = [
           {
            "id":"2",
            "name":"name 2"
           }
          ]
          
          
var result = ObjectA.concat(ObjectB);     

console.log(result);

answered Aug 30, 2018 at 7:34

Amit Chigadani

29.9k14 gold badges88 silver badges102 bronze badges

4 Comments

asdfghmak Over a year ago

Hi i use object in typescript so concat is useless

Amit Chigadani Over a year ago

Your objects are not objects at the first place. They are arrays. And FYI, Array.concat works for typescript too. It is a super set of javascript.

asdfghmak Over a year ago

yes but it gets an error, my object looks like this Object = [ {id:1,name:"name"}]

Amit Chigadani Over a year ago

That's an array and not an Object. You may check Array.isArray(Object). It returns true.

Collectives™ on Stack Overflow

Append Javascript Object to another in Angular 5

3 Answers 3

Comments

2 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related