add one object to another object in javascript [duplicate]

Question

I have 2 objects, and I need to add one object to the other object.

var loc = {
  leftArray: [],
  topArray: [],
  bottomArray: [],
  rightArray: []
}

var obj = {
  id: "ce",
  icon: "logo/image.png",
  name: "CE",
  type: "type2",
  version: 3.4
}

var obj = {
  id: "ce",
  icon: "logo/image.png",
  name: "CE",
  type: "type2",
  version: 3.4,
  leftArray: [],
  topArray: [],
  bottomArray: [],
  rightArray: []
}

Is there any simple way to do this?

you can also use merge from lodash, if you have that lib... lodash.com/docs/#merge — devtye
– devtye, Commented Aug 24, 2018 at 12:48
use like obj.leftArray=[]; which automatically generate new obj. — mittal bhatt
– mittal bhatt, Commented Aug 24, 2018 at 12:53

score 7 · Accepted Answer · 2018-08-24 14:25:42Z

7

You can do it with Object.assign();

obj = Object.assign(obj, loc);

or just

Object.assign(obj, loc);

as T.J. Crowder proposed in his comment.

edited Aug 24, 2018 at 14:25

answered Aug 24, 2018 at 12:43

user10243107

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

3 Comments

T.J. Crowder Over a year ago

Just FWIW, there's no need for the assignment in this case, just Object.assign(obj, loc); would be sufficient. (And you certainly wouldn't want the var, since obj is already declared.)

user10243107 Over a year ago

@T.J.Crowder Yeah, you're right about not redeclaring the variable. I didn't know that you don't need to assign the result of Object.assign(). Thanks for the info. I edited my answer accordingly.

T.J. Crowder Over a year ago

Object.assign returns the first object you pass in. That's so you can pass in an object initializer ("literal"), like this: const foo = Object.assign({}, something, blah); That's just a one-liner version of const foo = {}; Object.assign(foo, something); Thanks for contributing, and welcome!

Mr. Polywhirl · Accepted Answer · 2018-08-24 12:49:39Z

2

you can merge them using Spread syntax like

let objOne = { a: 'hi' }
let objTwo = { b: 'hello' }
let objOneAndTwo = { ...objOne, ...objTwo }; // { a: 'hi', b: 'hello' }

or by using Object assign:

let objOneAndTwo = Object.assign({}, a, b)

note that using this way if your objects would have properties with the same name priority will be with the most right object (in this example objectTwo)

additional info:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

edited Aug 24, 2018 at 12:49

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

answered Aug 24, 2018 at 12:42

Amir Ghezelbash

2,43719 silver badges24 bronze badges

Collectives™ on Stack Overflow

add one object to another object in javascript [duplicate]

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related