How can I simplify a nested object which has a lot of repetitions?

user_1941537 0
Viewed 32

All these three objects have the exact same property and values. Is there any way to simplify the code and make it shorter?

const MyMap = {
  'myObject': {
    propone: 'One',
    proptwo: 'Two',
    propthree: 'Three'
  },
  'yourObject': {
    propone: 'One',
    proptwo: 'Two',
    propthree: 'Three'
  },
  'hisObject': {
    propone: 'One',
    proptwo: 'Two',
    propthree: 'Three'
  }
};
object javascript
1 Answers

You can store the object in its own variable and spread it into MyMap:

const innerObject = {
  propone: 'One',
  proptwo: 'Two',
  propthree: 'Three',
};
const MyMap = {
  myObject: { ...innerObject },
  yourObject: { ...innerObject },
  hisObject: { ...innerObject }
};

console.log(MyMap);
.as-console-wrapper {
  max-height: 100% !important;
  top: auto;
}

Or for something which allows greater flexibility in the variable names:

const innerObject = {
  propone: 'One',
  proptwo: 'Two',
  propthree: 'Three',
};
const propNames = ['myObject', 'yourObject', 'hisObject'];
let MyMap = propNames.reduce((a, c) => {
  a[c] = { ...innerObject };
  return a;
}, {});

console.log(MyMap);
.as-console-wrapper {
  max-height: 100% !important;
  top: auto;
}

With even more simplicity as suggested by Matt Morgan:

const MyMap = propNames.reduce((a, c) => ({...a, [c]: {...innerObject}}), {});

user_102217650
Related