Combine objects with overrides

Question

I have the following array:

var config = {
  default: {
    username: 'bye',
    password: '123',
    tries: 3
  },
  custom: {
    username: 'hello',
    tries: 2
  }
};

I need to get the following result from it:

var config = {
    username: 'hello',
    password: '123',
    tries: 2
};

How can I achieve this?

Possible duplicate of [How can I merge properties of two JavaScript objects dynamically?](http://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically) — sergdenisov, Feb 11 '17 at 14:35

score 6 · Answer 1 · answered Feb 11 '17 at 14:34

6

You can use Object.assign() to return new object.

var config = {
  default: {
    username: 'bye',
    password: '123',
    tries: 3
  },
  custom: {
    username: 'hello',
    tries: 2
  }
};

var result = Object.assign({}, config.default, config.custom)
console.log(result)

answered Feb 11 '17 at 14:34

Nenad Vracar

118,580
15
151
176

There is special function for it, surprised. thanks. – rossanmol Feb 11 '17 at 14:35
Note that `Object.assign` is **ES6** feature, so take care about browser compatibility [Object.assign() Browser compatibility (MDN)](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Browser_compatibility) – Mohamed Abbas Feb 11 '17 at 14:54

Mohamed Abbas · Answer 2 · 2017-02-11T14:50:54.133

1

Another solution if you want to overwrite the object

Make a loop over config.custom object keys, then overwrite the keys

var config = {
  default: {
    username: 'bye',
    password: '123',
    tries: 3
  },
  custom: {
    username: 'hello',
    tries: 2
  }
};

  for (var key in config.custom) { 
    config.default[key] = config.custom[key]; 
  }

console.log(config.default);

edited Feb 11 '17 at 14:50

answered Feb 11 '17 at 14:40

Mohamed Abbas

2,228
1
11
19

Combine objects with overrides

2 Answers2