let arr = [
{ id: 'a', uid: '' },
{ id: 'b', uid: 'a' },
{ id: 'c', uid: 'a' },
{ id: 'd', uid: 'c' },
{ id: 'f', uid: 'g' },
]
function toTree (data) {
// 删除 所有 children,以防止多次调用
data.forEach(function (item) {
delete item.children;
});
// 将数据存储为 以 id 为 KEY 的 map 索引数据列
var map = {};
data.forEach((item) => map[item.id] = item);
var res = [];
data.map((item) => {
// 以当前遍历项,的pid,去map对象中找到索引的id
var parent = map[item.uid];
// 好绕啊,如果找到索引,那么说明此项不在顶级当中,那么需要把此项添加到,他对应的父级中
if (parent) {
(parent.children || (parent.children = [])).push(item);
} else {
//如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 res结果集中,作为顶级
res.push(item);
}
});
return res;
}
// toTree(arr)
console.log(JSON.stringify(toTree(arr)));
树形数据结构
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- vue官方文档给出,递归组件介绍 但是如何使用,以及实际应用的案例网上很少出现,今天介绍一下工作中遇到的问题,以及...
- 将JSON一维数据结构转化为树形数据结构是编程中的基本算法,这里总结一下,当然,也参考了一些前人的经验。 复习一下...