Заполнение динамического дерева из массива

Question

Я хотел бы заполнить древовидный вид из массива. Моя структура массива - splitarray = [0,1,2,3,4, ....]. Я хочу точный выход следующим образом

1 
    |_2 
     |_3 
      |_4 
      5 
       |_ 

    var treeRoot = "<ul>"; 
    var treeRepeat = ""; 

    for (var i = 0; i < splitArray.length; i++) { 
     treeRepeat = treeRepeat + "<ul><li><span>" + splitArray[i] + "</span></li>" 
     treeRepeat = treeRepeat + "</ul>"; 
    } 

    alert(treeRepeat); 

Answer 1

Возможно, это поможет.

В нем есть Array.prototype.reduceRight и некоторые основные методы тегов.

var data = [1, 2, 3, 4, 5, 6]; 
 
document.body.appendChild(data.reduceRight(function (r, a) { 
 
    var ul = document.createElement('ul'), 
 
     li = document.createElement('li'); 
 
    li.innerHTML = a; 
 
    r && li.appendChild(r); 
 
    ul.appendChild(li); 
 
    return ul; 
 
}, undefined));