通过id找父节点、通过某个节点获取完整路径
1、通过某个节点的id,找出其所有的父节点
/**
* 1、根据节点id,获取其所有父节点
* @param {*} list 完整的树结构数组
* @param {*} id 当前点击的id
* @param {*} name 需要对比的id 的属性节点
* @param {*} child 子节点名称
* @returns
*/
getAllParentArr(list,id,name,child){
for(let i in list){
if(list[i][name] == id){
return [list[i]]
}
if (list[i][child]) {
let node = this.getAllParentArr(list[i][child],id,name,child)
if(!!node){
return node.concat(list[i])
}
}
}
}
2、通过某个节点的id,找出他所有的子节点
/**
* 2、通过某个节点的id,找出他所有的子节点
* @param {*} list 当前点击节点的数据(不是总的树结构)
* @param {*} arr 返回的数组 默认为 []
* @returns
*/
getChildIds(list = [], arr = []) {
for (let item of list ) {
arr.push(item.id);
if (item.children && item.children.length) {
this.getChildIds(item.children, arr);
}
}
return arr;
},
3、通过某个节点的id,获取其父级名称(或其他)的完整路径信息
/** * 3、通过某个节点的id,获取其父级名称(或其他)的完整路径信息 * @param {*} tree 树结构数组 * @param {*} value 当前节点的id * @returns */ getItemByIdInTree( tree,value,path=""){ for(var i=0;i<tree.length;i++){ let tempPath = path tempPath = `${tempPath ? tempPath + '/' : tempPath}${tree[i].name}` // 避免出现在最前面的/ if(tree[i].id == value){ return tempPath } else if(tree[i].children){ let reuslt = this.getItemByIdInTree(tree[i].children,value,tempPath) if(reuslt){ return reuslt } } } },
4、通过某个节点的id,获取对应节点的完整信息
/** * 4、通过某个节点的id,获取该节点的完整信息 * @param {*} tree 树结构数组 * @param {*} value 当前节点的id * @returns */ getItemByIdInTree( tree,value){ for(var i=0;i<tree.length;i++){ let item = tree[i] if(tree[i].id == value){ return item } else if(tree[i].children){ let reuslt = this.getItemByIdInTree(tree[i].children,value) if(reuslt){ return reuslt } } } },
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)