javascript - 更改基于对象结构的条件

Question

我有一个如下所示的对象，

我正在尝试根据父子关系来改革对象结构。

var b = [];
for(var i=0;i<a.length;i++){
if(a[i].parent == null){
const children = a.filter(x => a[i].parent == null && a[i].id == x.parent);
b.push({'name':a[i].name,'type':'grandparent','children':children})
}

}

我归档了祖 parent 和 child ，但陷入了子 child 的困境。

Answer 1

您可以使用reduce()方法并为此创建递归函数。

var a = [{"id":0,"name":"Node 0","thumbnail":{"description":"Random Picture","href":""},"parent":null},{"id":1,"name":"Node 1","thumbnail":{"description":"Another Random Picture","href":""},"parent":0},{"id":2,"name":"Node 2","thumbnail":{"description":"A Picture Is Random","href":""},"parent":null},{"id":3,"name":"Node 3","thumbnail":{"description":"Picture, Random","href":""},"parent":1}]

function nested(arr, parentId) {
  return arr.reduce(function(r, e) {
    if (e.parent == parentId) {
      const children = nested(arr, e.id);
      const clone = Object.assign({}, e);
      if (children.length) clone.children = children
      r.push(clone)
    }
    return r;
  }, [])
}

const result = nested(a);
console.log(result)