How to form a nested javascript object using a string with dots as property hierarchy

Question

I have a mapping object in which property and Value looks like below :

var obj = {
     key: "key1.key2.key3.key4"
};

How to convert obj to nested javascript object as shown below:

var returnObj = {
       key1: {
            key2: {
                   key3:{
                        key4: {
                              "value": key
                        }
                   }
            }
       }
};

Basically that mapping object contains many keys (values as strings).. So accordingly the returnObj will be nested with number of objects inside.. — Rush W.
– Rush W., Commented Sep 26, 2017 at 9:03

Nina Scholz · Accepted Answer · 2017-09-26 11:11:27Z

2

You could iterate the keys and then split the string for single properties. Then create objects, if not exists. Later assign the original key as value.

function convert(object) {
    var result = {};
    Object.keys(object).forEach(function (k) {
        object[k].split('.').reduce(function (o, k) {
            return o[k] = o[k] || {};
        }, result).value = k;
    });
    return result;
}

var obj = { key: "key1.key2.key3.key4" };

console.log(convert(obj));

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

With last key as key.

function convert(object) {
    var result = {};
    Object.keys(object).forEach(function (k) {
        var path = object[k].split('.'),
            last = path.pop();
       
        path.reduce(function (o, k) {
            return o[k] = o[k] || {};
        }, result)[last] = k;
    });
    return result;
}

var obj = { key: "key1.key2.key3.key4" };

console.log(convert(obj));

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

edited Sep 26, 2017 at 11:11

answered Sep 26, 2017 at 9:18

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

Rush W. Over a year ago

and if i want to have like this object ->var returnObj = { key1: { key2: { key3:{ key4: key } } } }; how will the above code change?

Nina Scholz Over a year ago

then you need to save the last splitted value and take it as value , instead of .value =.

Rush W. Over a year ago

Thank you so much!

Collectives™ on Stack Overflow

How to form a nested javascript object using a string with dots as property hierarchy

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related