Лучший способ создания множества ветвящихся массивов в JavaScript

Question

Я мог бы писать сокращенные объекты, но тогда у меня будет тонна отступов других массивов и объектов внутри. Это для формы вопроса со многими ветвями новых наборов вопросов, основанных на последнем, который был рассмотрен. Любые предложения о том, как этот код должен быть разработан?

Answer 1

Используйте древовидную структуру, как это:

var 
n0 = {/*data*/}, 
n1 = {/*data*/}, 
... 
n3234 = {/*data*/} 
n0.children = [n1, n2, n3] 
n1.children = [n11, n12, n13] 
... 
n3234.children = [] 

При повторном использовании поддеревьев, просто сделать это:

n2321 = n1234, 

Избегайте циклов, как это:

n2222 = n2, 
... 
n1111.children = [n1] 

Answer 2

Другое решение с меньшим типирования :

var d = { 
'': {/*data*/}, 
'1': {/*data*/}, 
'1.1': {/*data*/}, 
.. 
'3.2.3.4': {/*data*/} 
} 
for(var k in d){//init child array 
    d[k].children = [] 
} 
for(var k in d){//build tree structure 
    if(k != ''){//skip root 
    var a = k.split('.')//hierarchy array 
    var i = a.pop()//remove my level 
    var parent = a.join('.') 
    if(parent in d){//parent exists 
     d[parent].children.push({i: +i, k: k})//to prevent holes 
    } 
    else { 
     console.log('pending subtree: ' + k) 
    } 
    } 
} 
for(var k in d){//transform child array 
    d[k].children = d[k].children 
    .sort(function(a, b){return a.i - b.i})//es6 (a, b)=>a.i-b.i 
    .map(function(x){return d[x.k]})//es6 x=>d[x.k] 
} 
//now the tree is in d['']