javascript add new properties to an object [duplicate]

Question

Suppose I have this object:

let obj1 = {
key1: 'value1',
key2: 'value2'
}

And I have a different object like this:

let obj2 = {
key3: 'value3',
key4: 'value4'
}

Is there a way of adding obj2 properties to obj1 and have this?

{
    key1: 'value1',
    key2: 'value2',
    key3: 'value3',
    key4: 'value4'
}

I currently have this working but would want to know if there is an easier way:

for (prop in obj2) {
        if (obj2.hasOwnProperty(prop)) {
          obj1[prop] = obj2[prop];
        }
      }

actually there are several ways on of them is obj1 = Object.assign(obj1, obj2) — Abhay Sehgal
– Abhay Sehgal, Commented Aug 29, 2018 at 17:18

c-chavez · Accepted Answer · 2018-08-29 17:18:08Z

9

The easiest way of achieving this is using Object's assign:

Object.assign(obj1, obj2);

where the first object (obj1) is the target and will get modified.

answered Aug 29, 2018 at 17:18

c-chavez

7,5365 gold badges39 silver badges50 bronze badges

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

Comments

Jimmy Surprenant · Accepted Answer · 2018-08-29 17:20:53Z

1

According to Object Spread , you could do it this way :

let mergedObjects = {...obj1, ...obj2};

answered Aug 29, 2018 at 17:20

Jimmy Surprenant

1637 bronze badges

This is very easy to use as well

Luca Kiebel · Accepted Answer · 2018-08-29 17:18:34Z

0

let obj1 = {
  key1: 'value1',
  key2: 'value2'
}

let obj2 = {
  key3: 'value3',
  key4: 'value4'
}


console.log(Object.assign(obj1, obj2))

answered Aug 29, 2018 at 17:18

Luca Kiebel

10.1k7 gold badges34 silver badges47 bronze badges