从数组填充动态树视图

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));