Populate nested object from array?

Question

I have a question, how to create nested object from array? Ie I have a following array:

var myArr = ['foo', 'bar', 'baz'] and need to make it an object like:

myObj = {foo: { bar: { baz: { } } }}

How can I do that properly?

Answer 1

Use reduce()

 var myArr = ['foo', 'bar', 'baz']; var myObj = {}; myArr.reduce(function(a, b) { a[b] = {}; return a[b]; }, myObj); console.log(myObj);

Answer 2

you can do better ! :

 let arr = ['foo', 'bar', 'baz']; let obj = arr.reduceRight((a,c)=>({[c]:a}),{}) document.write( JSON.stringify(obj) )

Using .reduceRight() method