我正在尝试使用数据库记录创建树,首先,我使用以下代码:
创建父子树Json
效果很好,但是由于我可以在数据库中插入并删除树的节点,因此该函数不再可行。如您所见,现在我可以拥有ID 90和儿童宽度较小ID的第一个元素。
var arry = [{
"parentId": null,
"moduleId": 90
},
{
"parentId": 1,
"moduleId":65
},
{
"parentId": 1,
"moduleId": 91
},
{
"parentId": 65,
"moduleId": 66
},
{
"parentId": 66,
"moduleId": 79
},
{
"parentId": 90,
"moduleId": 1
}
];
小提琴:https://jsfiddle.net/1c20hb7w/
当然,我无法更改数据库中的ID(这太简单了)。因此,如果您有帮助我的踪迹,我想知道如何使一切工作。预先感谢!
对于更复杂的树,我建议一种递归方法,例如:
var arry=[{parentId:null,moduleId:90},{parentId:1,moduleId:65},{parentId:1,moduleId:91},{parentId:65,moduleId:66},{parentId:66,moduleId:79},{parentId:90,moduleId:1}];
function recursiveTree(array) {
function getChildren(parents, input) {
return parents.map(parent => {
const children = input.filter(x => x.parentId === parent.moduleId);
parent.children = children;
if(children.length === 0) {
return parent;
} else {
parent.children = getChildren(children, input);
return parent;
}
})
}
const roots = array.filter(x => x.parentId === null);
return getChildren(roots, array);
}
var r = recursiveTree(arry)
console.log('array', r);
console.log('result', JSON.stringify(r))