js根据id查找tree中的节点和路径

给定一棵树(一个对象),然后根据传入的id查找,经常遇到有两种情况:
1)查找是否有对应的节点,有则返回该节点;
2)记录对应树节点的路径。

树的结构如下:

let tree = {
  id: 1,
  name: "company",
  children: [
    {
      id: 2,
      name: "group1",
      children: [
        {
          id: 3,
          name: 'dept1'
        },
        {
          id: 5,
          name: 'dept2',
          children: [
            {
              id: 6,
              name: 'user1'
            }
          ]
        },
      ]
    },
    {
      id: 4,
      name: "gropu2"
    },
  ]
}

1、根据id查询tree上是否有该节点,有则返回

// 方法1: 利用递归,需要注意区分子节点是对象还是数组
let result = null // 报错最终结果
function findNodeFromTreeById(root, id) {
 if (!!root) {
   let type = Object.prototype.toString.call(root).slice(8, -1)
   if (type === 'Object') {
     if (root.id && root.id === id) {
       result = root
     } else {
       let node = root.children || null
       findNodeFromTreeById(node, id)
     }
   } else if (type === 'Array') {
     let needNode = root.find(x => !!x === true && x.id === id)
     if (!!needNode) {
       result = needNode
     } else {
       root && root.forEach(item => {
         if (item && item.children && item.children.length) {
           findNodeFromTreeById(item.children, id)
         }
       })
     }
   }
 }
 return result
}
// test
getNodeById(testTree, 4) // {id: 4, name: 'group2'}
findFromTreeById(testTree, 5) // {id: 5, name: 'dept2', children: [{id: 6, name: 'user1'}]}


// 方法2: 将tree变成一个数组
function getNodeById(tree, id) {
  let arr = Array.isArray(tree) ? tree : [tree]
  let result = null
  while (arr.length) {
    let item = arr.pop()
    if (item && item.id === id) {
      result = item
      break
    } else if (item && item.children && item.children.length) {
      arr.push(...item.children)
    }
  }
  return result
}

// test
getNodeById(tree, 4)) // { id: 4, name: 'group2' }
getNodeById(tree, 7)) // null

2、根据id查找tree中对应节点路径

// 利用递归,将tree转化成数组结构来操作
function getPathById(tree, id, path) {
  tree = Array.isArray(tree) ? tree : [tree]
  if (!path) {
    path = []
  }
  for (let i = 0, len = tree.length; i < len; i++) {
    let tempPath = [...path]
    tempPath.push(tree[i].name)
    if (tree[i].id === id) {
      return tempPath
    }
    if (tree[i].children) {
      return getPathById(tree[i].children, id, tempPath)
    }
  }
}

// test
getPathById(tree, 3) // ['company', 'group1', 'dept1']
getPathById(tree, 8) // null
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 在js,树形结构数据最常见的形式是一个嵌套数组,其每个元素都代表一个节点,包含了节点的属性和子节点数组。如果我们要根据当前节点id获取其所有的父节点id,需要进行递归操作。 首先,我们需要寻找当前节点在树形结构的位置,可以通过遍历整个数组来寻找。如果找到了当前节点,就可以继续递归查找其父节点,直到根节点。 递归查找节点的方法可以通过传入参数来实现。在每个递归函数,我们都可以将当前节点的父节点id作为参数传入,并将其插入到结果数组,然后继续递归查找节点的父节点,直到根节点为止。 具体实现的伪代码如下: ``` function findParents(treeData, nodeId, result, parentId) { for (var i = 0; i < treeData.length; i++) { var node = treeData[i]; if (node.id === nodeId) { result.unshift(parentId); if (parentId) { findParents(treeData, parentId, result, node.parentId); } break; } else if (node.children && node.children.length > 0) { findParents(node.children, nodeId, result, node.id); } } } ``` 在这个递归函数,第一个参数是整个树形数据,第二个参数是当前节点id,第三个参数是保存父节点id的结果数组,第四个参数是当前节点的父节点id。当找到当前节点时,将其父节点id插入到结果数组,并继续递归查找其父节点,直到根节点为止。 通过这个递归函数,我们就可以根据树形数据和当前节点id获取其所有的父节点id了。 ### 回答2: JS树形结构是一个常见的数据结构,其每个节点都可以有其若干个子节点,而每个子节点也可以有其下属子节点,从而形成一棵具有階次关系的树形结构。 当我们需要根据某个节点获取其父节点ID时,我们可以使用递归来实现。具体步骤如下: - 首先,我们需要获取与给定ID相关联的节点数据。如果树形数据存储在数组,则我们可以通过循环遍历整个数组来找到该节点。 - 接下来,我们需要判断当前节点是否为根节点,如果是则返回null,因为根节点没有父节点。 - 如果当前节点不是根节点,则我们需要继续递归地向上查找其祖先节点,直到找到根节点。为此,我们可以调用函数本身,并将当前节点的父节点ID作为参数传递到函数。 - 如果我们找到根节点,则可以停止递归,并将其父节点ID返回。如果找不到根节点,则说明给定的ID是不合法的,可以返回null或抛出异常。 下面是一个示例代码,它使用递归来获取指定节点的祖先节点: function getParentNodeId(treeData, nodeId) { // 查找指定ID节点数据 for (let i = 0; i < treeData.length; i++) { if (treeData[i].id == nodeId) { // 如果当前节点是根节点,则返回null if (!treeData[i].parentId) { return null; } // 否则递归查找节点ID return getParentNodeId(treeData, treeData[i].parentId); } } // 如果找不到指定ID节点,则返回null return null; } 在实际应用,我们可以根据具体需求对该函数进行扩展,例如增加是否返回完整的父节点数据等功能。 ### 回答3: 在js树形结构,我们通常需要根据树形数据和当前id来递归获取父节点id。实现该功能的基本思路是:首先根据当前id查找包含该id节点,然后递归查找节点的父节点直到根节点,最后返回根节点id。 具体实现过程如下: 1. 定义一个函数,命名为getTreeParentId,该函数有两个参数:treeData和currentId。其treeData是整棵树的数据,currentId是需要查找节点id。 2. 在函数定义一个变量,命名为parentId,并将其初始化为null。 3. 遍历整个树形数据查找包含currentId节点。 4. 如果找到了该节点,就把该节点的父节点id赋值给parentId,并结束遍历。 5. 如果没有找到该节点,则递归遍历当前节点的子节点,直到找到为止。 6. 最后返回parentId,即为该节点的父节点id。 下面是一个实现示例: ``` function getTreeParentId(treeData, currentId) { var parentId = null; for (var i = 0; i < treeData.length; i++) { var node = treeData[i]; if (node.id === currentId) { parentId = node.parentId; break; } if (node.children && node.children.length > 0) { parentId = getTreeParentId(node.children, currentId); if (parentId) { break; } } } return parentId; } ``` 上述代码实现了根据树形数据和当前id递归获取父节点id的功能。使用时,只需调用该函数并传入treeData和currentId参数即可。 需要注意的是,上述代码假定树形数据的每个节点都有一个唯一的id,并且每个节点的parentId为null或者他的父节点id。如果树形数据的结构不同,需要进行相应的修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

英子的搬砖日志

您的鼓励是我创作的动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值