JS获取树的父节点及祖先节点

主体函数

复制代码
export function findAllParent (node, tree, parentNodes = [], index = 0) {
  if (!node || node.fid === 0) {
    return
  }
  findParent(node, parentNodes, tree)
  let parentNode = parentNodes[index]
  findAllParent(parentNode, tree, parentNodes, ++index)
  return parentNodes
}

function findParent (node, parentNodes, tree) {
  for (let i = 0; i < tree.length; i++) {
    let item = tree[i]
    if (item.id === node.fid) {
      parentNodes.push(item)
      return
    }
    if (item.children && item.children.length > 0) {
      findParent(node, parentNodes, item.children)
    }
  }
}

export default findAllParent
复制代码

调用方式

复制代码
import findParentNodes from './test'
let menuTreeData = [
  {
    id: 1,
    fid: 0,
    name: '1',
    children: [
          {
            id: 11,
            fid: 1,
            name: '1-1',
            children: [
              { id: 111, fid: 11, name: '1-1-1' },
              { id: 112, fid: 11, name: '1-1-2' }
            ]
          },
      { id: 12, fid: 1, name: '1-2' }
    ]
  },
  { id: 2, fid: 0, name: '2' }
]
let nodes = []
let parentNodes = findParentNodes({ id: 112, fid: 11 }, menuTreeData, nodes)
console.error('tag', nodes.map(item => item.name))
console.error('tag', parentNodes.map(item => item.name))
复制代码

两种方式都可以获取到祖先节点的值

posted @   知九  阅读(8771)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示