Abhay Rana Abhay Rana - 4 months ago 9
JSON Question

Create an object out of dot notation

This is a reverse question to this question.

Given an object

x={a:1,b:2}
and a string
c.d=3
, modify object x to the following:

{
a:1,
b:2,
c:{
d:3
}
}


I'm looking for a solution that does not use
eval
. The use case is as follows:

x
being a configuration object, we call:
config.set("music.shuffle",true)


Now,
music.shuffle
must be parsed somehow and added to the internal object
x
inside the config.set function, so that x looks something like:

x={a:1,b:2,music:{shuffle:true}}

Answer

Off the top of my head I guess you can do something like this:

function addValueToObj(obj, newProp) {
    newProp = newProp.split("=");       // separate the "path" from the "value"

    var path = newProp[0].split("."),     // separate each step in the "path"
        val = newProp.slice(1).join("="); // allow for "=" in "value"

    for (var i = 0, tmp = obj; i < path.length - 1; i++) {
       tmp = tmp[path[i]] = {};     // loop through each part of the path adding to obj
    }
    tmp[path[i]] = val;             // at the end of the chain add the value in
}

var x = {a:1, b:2};
addValueToObj(x, "c.d=3");
// x is now {"a":1,"b":2,"c":{"d":"3"}}
addValueToObj(x, "e.f.g.h=9=9");
// x is now {"a":1,"b":2,"c":{"d":"3"},"e":{"f":{"g":{"h":"9=9"}}}}

Demo: http://jsfiddle.net/E8dMF/1/

Comments