Convert Array To Nested JSON in Javascript?

Question

Basically i want to create a tree structure. For example if you have an array of four items ['a', 'b', 'c', 'd'] then i need a JSON from this which should be

{a: {b: {c: {d: 0} } } }

last item of JSON have value of 0 or it can be anything except object.

What did your try already?

suvroc
– suvroc

2015-07-02 13:46:12 +00:00
Commented Jul 2, 2015 at 13:46 — suvroc
– suvroc, Commented Jul 2, 2015 at 13:46
"Recursion" comes to mind...

Cerbrus
– Cerbrus

2015-07-02 13:49:30 +00:00
Commented Jul 2, 2015 at 13:49 — Cerbrus
– Cerbrus, Commented Jul 2, 2015 at 13:49
Do you want a JSON string or a Javascript Object?

Xotic750
– Xotic750

2015-07-02 16:18:49 +00:00
Commented Jul 2, 2015 at 16:18 — Xotic750
– Xotic750, Commented Jul 2, 2015 at 16:18

TaoPR · Accepted Answer · 2015-07-02 14:05:23Z

6

The conversion steps are straightforward with simple loop:

Reverse the array, so the last becomes the first to convert (and it becomes the inner-most element of JSON).
Iterate through each element, make key-value pair of the object, wrap it repeatedly.
Done

Sample code:

var array = ['a', 'b', 'c', 'd']; // input array
var json = {}; // output object
array.reverse().forEach(function(el){
    if (Object.keys(json).length==0){
        json[el] = 0;
    }
    else{
        var outer = {};
        outer[el] = json;
        json = outer;
    }
});

Output

{"a": {"b": {"c": {"d": 0} } } }

edited Jul 2, 2015 at 14:05

answered Jul 2, 2015 at 13:58

TaoPR

6,0783 gold badges28 silver badges38 bronze badges

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

1 Comment

Xotic750 Over a year ago

Using reduceRight would have been a much simpler solution, if you are going to use ES5 methods.

Xotic750 · Accepted Answer · 2015-07-02 16:42:38Z

2

In an ES5 environment.

var data = ['a', 'b', 'c', 'd'],
    jsObject = data.reduceRight(function (acc, datum) {
        var val = {};
            
        val[datum] = acc;
        
        return val;
    }, 0),
    jsonString = JSON.stringify(jsObject);

document.getElementById('out').textContent = jsonString;

<pre id="out"></pre>

answered Jul 2, 2015 at 16:42

Xotic750

23.6k8 gold badges59 silver badges81 bronze badges

Collectives™ on Stack Overflow

Convert Array To Nested JSON in Javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related