Creating an object from a property in an array of objects

Question

I have an array of such objects:

[
{id: 'id1', random: 'labels.prop1'},
{id: 'id2', random: 'labels.prop2'},
{id: 'id3', random: 'texts.anotherprop'}
]

Is there a short way to generate a property based object from this array random? I need this:

{
  texts: { 
       anotherprop: ''
  },
  labels: { 
       prop1: '', 
       prop2: '' 
  }
}

Answer 1

You can use it reduce()twice to create this nested object.

var data = [
{id: 'id1', random: 'labels.prop1'},
{id: 'id2', random: 'labels.prop2'},
{id: 'id3', random: 'texts.anotherprop'}
]

var result = data.reduce(function(r, o) {
  var arr = o.random.split('.')
  arr.reduce(function(a, b, i) {
    return (i != arr.length - 1) ? a[b] || (a[b] = {}) : a[b] = ''
  }, r)
  return r;
}, {})

console.log(result)

Run codeHide result

Answer 2

You can iterate through an array and build an object based on parts random.

function setValue(object, path, value) {
    var fullPath = path.split('.'),
        way = fullPath.slice(),
        last = way.pop();

    way.reduce(function (r, a) {
        return r[a] = r[a] || {};
    }, object)[last] = value;
}

var data = [{ id: 'id1', random: 'labels.prop1' }, { id: 'id2', random: 'labels.prop2' }, { id: 'id3', random: 'texts.anotherprop' }],
    result = {};

data.forEach(function (o) {
    setValue(result, o.random, '');
});

console.log(result);

Run codeHide result

Answer 3

var arr = [
  {id: 'id1', random: 'labels.prop1'},
  {id: 'id2', random: 'labels.prop2'},
  {id: 'id3', random: 'texts.anotherprop'}
];

var result = {};
arr.forEach(function(o) {
  var parts = o.random.split('.');
  var r = result;
  var i = 0;
  for( ; i < parts.length - 1; i++) {
    r[parts[i]] = r[parts[i]] || {};
    r = r[parts[i]];
  }
  r[parts[i]] = '';
});

console.log(result);

Run codeHide result