A Javascript Object – now just called JSON – is a collection of values and properties stored as a map.

How would you merge two or more Javascript objects together thought?

In ECMAScript 2018, the Object Spread operator will do the trick for you in no time, let’s try it out.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

var jso1 = {
  "name": "John",
  "colour": "green",
};

var jso2 = {
  "name": "Andrew",
  "symbol": "arrow",
};

var merged = {...jso1, ...jso2};

The result of this would be to combine all the elements and override any newer ones where applicable.

1
2
3
4
5

{
  name: "Andrew",
  colour: "green",
  symbol: "arrow"
}

An alternative to using the Spread operator is to use Object.assign as follows:

1

var merged = Object.assign({}, jso1, jso2);

This results in exactly the same output.