0

So we have an empty JavaScript object, and we want to initialize its keys with the value of another object which has only some of the key-values from the first object, without changing the values of the other keys. Is there any library that can pull this off?

The Empty object : {'name' : 'John' , 'lastName' : ' '}

The second object: {'name' : 'Alex'}

The desired output : {'name':'Alex', 'lastName' : ' '}

Fyi: I know that this can be implemented with a bunch of ifs and for loops, but I wanted to know if there was a library that can do this in a better way.

PKa
  • 309
  • 2
  • 7
  • 23
  • 1
    Possible duplicate of [How to join two json object in javascript, without using JQUERY](https://stackoverflow.com/questions/21450060/how-to-join-two-json-object-in-javascript-without-using-jquery) – Madhawa Priyashantha Dec 02 '17 at 10:35
  • If you are using jQuery: https://stackoverflow.com/a/18498820/1304575 – suvartheec Dec 02 '17 at 10:46

1 Answers1

1

You'd be best with 

var desiredOutput = Object.assign({}, emptyJson, secondJson);

It takes the target (first argument) and assigns values from the sources (second argument, and third and so on... Whenever the key does exist on target object, it's value gets overwritten by the value of source object. Otherwise key: value pair is added.

In our case, we use empty object ({}) as a target attribute, not to overwrite source's properties.

There's no support for Internet Explorer so if you have to support it, there's a polyfill available.

You can find more details and polyfill on MDN Docs

entio
  • 3,816
  • 1
  • 24
  • 39