项目中,我们会遇到很多做树形数据的时候,那么怎么把平铺数组转化为属性数组呢?方法很简单,递归几句代码就解决!
const arr = [
{ 'id': '29', 'pid': '', 'name': '总裁办' },
{ 'id': '2c', 'pid': '', 'name': '财务部' },
{ 'id': '2d', 'pid': '2c', 'name': '财务核算部' },
{ 'id': '2f', 'pid': '2c', 'name': '薪资管理部' },
{ 'id': 'd2', 'pid': '', 'name': '技术部' },
{ 'id': 'd3', 'pid': 'd2', 'name': 'Java研发部' }
]
function changeTree (arr, pid = '') {
const newArr = []
arr.forEach(item => {
if (item.pid === pid) {
// 找一级,pid相同的item添加到新数组
newArr.push(item)
// 找二级,再次调用函数
const children = changeTree(arr, item.id)
// console.log(children);
if (children.length) {
item.children = children
}
}
})
return newArr
}
console.log(changeTree(arr));
这样就完成啦!