Create nested object from object with multiple strings, javascript

Question

var input = {
  "id": 'AB',
  "specified.name": 'some name',
  "specified.manufacturer": 'some manufacturer',
  "specified.environment.state": 'good'
}

/**
var expectedOutput = {
  id:'AB', 
  specified: {
    name: 'some name', 
    manufacturer: 'some manufacturer',
    environment: {
      state: 'good'
    }
  }
};
**/

https://jsbin.com/senehijula/edit?html,js,output

I'm aware there are some similar questions but not really like this one.

Any elegant way of doing this?

kukkuz · Accepted Answer · 2017-08-17 11:12:42Z

1

Well, you can split the strings and loop through to create the required data structure - see a demo below:

var input = {
  "id": 'AB',
  "specified.name": 'some name',
  "specified.manufacturer": 'some manufacturer',
  "specified.environment.state": 'good'
}

var output = {};
Object.keys(input).forEach(function(e){
  let keys = e.split('.');
  let key = keys.pop();
  let obj = keys.reduce(function(p,k){
    p[k] = p[k] || Object.create(null);
    return p[k];
  }, output);
  obj = obj || Object.create(null);
  obj[key] = input[e];
});

console.log(output);

.as-console-wrapper{top:0;max-height:100%!important;}

answered Aug 17, 2017 at 11:12

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

GMaiolo Over a year ago

Any specific reason to use Object.create(null) instead of the literal {}? He never clarified if he's using the output object as a simple map

kukkuz Over a year ago

nope, but Object.create(null) does not inherit the prototype... it doesn't matter here though :)

Nenad Vracar · Accepted Answer · 2017-08-17 11:27:03Z

1

You can first loop object using for...in loop and then split each key at . and use reduce to build object.

var input = {
  "id": 'AD101',
  "specified.name": 'BRYH',
  "specified.manufacturer": 'some manufacturer',
  "specified.environment.state": 'good'
}

var result = {}
for (var k in input) {
  k.split('.').reduce(function(r, e, i, arr) {
    return r[e] || (r[e] = arr[i + 1] ? {} : input[k])
  }, result)
}

console.log(result)

answered Aug 17, 2017 at 11:27

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Collectives™ on Stack Overflow

Create nested object from object with multiple strings, javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related