Javascript中的递归树插入

Question

我尝试使用树节点在 javascript 中递归地将插入写入树数据结构，但没有让它工作。 所以我的问题是，如何解决这个问题。

这是我的数据：

[ { id: 'a', children: [ 'b', 'c' ] },
  { id: 'b', children: [ '' ] },
  { id: 'c', children: [ 'b', 'd' ] },
  { id: 'd', children: [ 'b' ] } ]

我希望它显示在树中，如下所示：

 a
/\
b c
  /\
 b  d
     \
      b

编辑：添加代码

我以为我可以做这样的事情，但那行不通......当然由于嵌套的 forEach 具有很高的复杂性：

var Node = require("tree-node");
var testarray =     
[ 
{ id: 'a', children: [ 'b', 'c' ] },
{ id: 'b', children: [ '' ] },
{ id: 'c', children: [ 'b', 'd' ] },
{ id: 'd', children: [ 'b' ] } 
]

function appendChildRecursive(parent) {
    var childnode = new Node()
    var data = parent.data("children")
    testarray.forEach(function(item){
        if(data !== undefined) {
            data.forEach(function (child) {
                if (item.id == child) {
                    childnode.data("id", child).data("children", item.children)
                    childnode = appendChildRecursive(childnode)
                    parent.appendChild(childnode) 
                }
            })
        }

    })
    return parent
}

var root = new Node();
root.data("id",testarray[0].id).data("children",testarray[0].children)
root=appendChildRecursive(root)

Answer 1

您可以为最后插入的节点使用哈希表，并通过覆盖引用来保留对最后节点的引用。

var data = [{ id: 'a', children: ['b', 'c'] }, { id: 'b', children: [] }, { id: 'c', children: ['b', 'd'] }, { id: 'd', children: ['b'] }],
    tree = function (array) {
        var nodes = Object.create(null),
            r = {};
        array.forEach(function (a) {
            if (!nodes[a.id]) {
                nodes[a.id] = { id: a.id, children: [] };
                r = nodes[a.id];
            }
            a.children.forEach(function (b) {
                nodes[b] = { id: b, children: [] };
                nodes[a.id].children.push(nodes[b]);
            });
        });
        return r;
    }(data);

console.log(tree);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

您的数据结构错误。 每个“叶子”都应该包含对“左”和“右”元素的引用。 例如：

const first = { id: 'a', left: null, right: null };
const second = { id: 'b', left: null, right: first };
// etc...

儿童方法更适合图表。 但是您仍然必须存储引用，而不是 id。