<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var data = [
{
id: 2,
pid: 0,
title: "课程管理"
},
{
id: 7,
pid: 0,
title: "课程管理"
},
{
id:3,
pid: 2,
title: "课程操作"
},
{
id:4,
pid: 2,
title: "课程数据"
},
{
id:5,
pid: 6,
title: "课程数据2"
},
]
console.log(formaDataree(data))
function formaDataree(data) {
let parents = data.filter( p => p.pid === 0),
children = data.filter(c => c.pid !== 0);
dataToTree(parents, children);
return parents;
function dataToTree(parents, children) {
parents.map(p => {
children.map((c,i) => {
if(p.id === c.pid) {
let _children = JSON.parse(JSON.stringify(children));
_children.splice(i, 1);
dataToTree([c], _children);
if(p.children) {
p.children.push(c)
} else {
p.children = [c];
}
}
})
})
}
}
</script>
</body>
</html>
