如何将平面多分支数据转换为分层JSON？

Question

[
  {
    "id": "a",
    "pid": "a",
    "name": "AA",
  },
  {
    "id": "b",
    "pid": "a",
    "name": "BB",
  },
  {
    "id": "c",
    "pid": "a",
    "name": "CC",
  },
  {
    "id": "x",
    "pid": "b",
    "name": "XX",
  }
]

以上是我从数据库中得到的数据。每个人都有一个id和一个pid，pid指向该人的上级人的id。如果一个人的等级最高，id等于pid。

我想将原始数据转换为层次结构JSON，像这样：

[
  {
    "id": "a",
    "name": "AA",
    "child": [
      {
        "id": "b",
        "name": "BB"
        "child": [
          {
            "id": "x",
            "name": "XX"
          }
        ]
      },
      {
        "id": "c",
        "name": "CC"
      }
    ]  
  }
]

我正在使用 Node.js。

Answer 1

我建议您创建一棵树并将 id === pid 作为树的根，这适用于未排序的数据。

How it works:

Basically, for every object in the array, it takes the id for building a new object as parentid for a new object.

For example:
{ "id": 6, "pid": 4 }
It generates this property first with id:
"6": {
    "id": 6,
    "pid": 4
}
and then with pid:
"4": {
    "children": [
        {
            "id": 6,
            "pid": 4
        }
    ]
},
and while all objects are similarly treated, we finally get a tree.

If id === pid, the root node is found. This is the object for the later return.

var data = [
        { "id": "f", "pid": "b", "name": "F" },
        { "id": "e", "pid": "c", "name": "E" },
        { "id": "d", "pid": "c", "name": "D" },
        { "id": "c", "pid": "b", "name": "C" },
        { "id": "a", "pid": "a", "name": "A" },
        { "id": "b", "pid": "a", "name": "B" }
    ],
    tree = function (data) {
        var r, o = Object.create(null);
        data.forEach(function (a) {
            a.children = o[a.id] && o[a.id].children;
            o[a.id] = a;
            if (a.id === a.pid) {
                r = a;
            } else {
                o[a.pid] = o[a.pid] || {};
                o[a.pid].children = o[a.pid].children || [];
                o[a.pid].children.push(a);
            }
        });
        return r;
    }(data);

console.log(tree);

Answer 2

受Nina回答的影响，我的决定仅供记录。

function corrugate(data){
  var root = "";
  return data.reduce((t,o) => {
                            o.id === o.pid && (root = o.id);
                              t[o.id]  ? t[o.id].name = o.name
                                       : t[o.id] = {id: o.id, name: o.name};
                              t[o.pid] ? o.pid !== o.id ? t[o.pid].children.push(t[o.id])
                                                        : t[o.pid].children = t[o.pid].children || []
                                       : t[o.pid] = {id: o.pid, children: [t[o.id]]};
                              return t;
                              },{})[root];
}

var   data = [{ "id": "f", "pid": "b", "name": "F" },
              { "id": "e", "pid": "c", "name": "E" },
              { "id": "b", "pid": "a", "name": "B" },
              { "id": "d", "pid": "c", "name": "D" },
              { "id": "c", "pid": "b", "name": "C" },
              { "id": "a", "pid": "a", "name": "A" }
             ];
console.log(corrugate(data));

如何将平面多分支数据转换为分层JSON？

How to convert flat multi-branch data to hierarchical JSON?

javascript

algorithm

tree

node.js