java id pid_根据id,pid生成树结构，再生成id,pid形式

最近做一个树形表格，从数据库读出来给前端后，用插件老是有一些显示的错误，可能是因为插件还需要数据按顺序排好，so就有了这种转树再转回来的奇葩想法

var data = [{

"Id": 1,

"Key": "params",

"Value": "",

"Pid": -1

}, {

"Id": 3,

"Key": "filter",

"Value": "",

"Pid": 1

}, {

"Id": 2,

"Key": "method",

"Value": "Post|Get",

"Pid": 1

}, {

"Id": 4,

"Key": "$and",

"Value": "",

"Pid": 3

}, {

"Id": 6,

"Key": "it:pt",

"Value": "@it:pt",

"Pid": 4

}, {

"Id": 5,

"Key": "bo:well",

"Value": "@bo:well",

"Pid": 4

}]

console.log(readTree(getTree(data, -1)[0], []))

//转成树

function getTree(data, Pid) {

let result = []

let temp

for (let i = 0; i < data.length; i++) {

if (data[i].Pid == Pid) {

temp = getTree(data, data[i].Id)

if (temp.length > 0) {

data[i].children = temp

}

result.push(data[i])

}

}

return result

}

//树再转回来

function readTree(data, val) {

val.push({

Id: data.Id,

Key: data.Key,

Value: data.Value,

Pid: data.Pid

})

if (data.children) {

for (let i = 0; i < data.children.length; i++) {

readTree(data.children[i], val)

}

return val

}

}

[ { Id: 1, Key: 'params', Value: '', Pid: -1 },

{ Id: 3, Key: 'filter', Value: '', Pid: 1 },

{ Id: 4, Key: '$and', Value: '', Pid: 3 },

{ Id: 6, Key: 'it:pt', Value: '@it:pt', Pid: 4 },

{ Id: 5, Key: 'bo:well', Value: '@bo:well', Pid: 4 },

{ Id: 2, Key: 'method', Value: 'Post|Get', Pid: 1 } ]