How to append to objects together in javascript

Question

I want to append an object of objects to another object of objects like so:

object1: {
   item1: {},
   item2: {}
}

to 

object2: {
   item3: {},
   item4: {}
}

So that the outcome is this:

object1: {
   item1: {},
   item2: {},
   item3: {},
   item4: {}
}

I need to do this in javascript and can also use lodash as an option.

Before asking trivial questions such as this one, please read the docs, search using google, and then search again (research). — zzzzBov, Aug 05 '16 at 14:14

1ven · Answer 1 · 2016-08-05T14:18:09.133

3

Use Object.assign() function:

Object.assign(object1, object2);

Also, to make in portable, you can use lodash lib:

_.assign(object1, object2);

If you want to create new object, instead of mutating existing one, you can provide {} as first argument:

_.assign({}, object1, object2);

edited Aug 05 '16 at 14:18

answered Aug 05 '16 at 14:13

1ven

1

This won't work in IE, and isn't very portable. – Ryan Aug 05 '16 at 14:15
They wanted to mutate the properties of `object1`. Don't use the `{}` – 4castle Aug 05 '16 at 14:16
@4castle, thanks, I'll update answer. – 1ven Aug 05 '16 at 14:19

1 Answers1