js tree json 递归树结构数据查找所有父级 非dom获取

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body></body>
</html>
<script>
  zIndexList = [
    {
      id: 1,
      label: "一级 1",
      children: [
        {
          id: 4,
          label: "二级 1-1",
          children: [
            {
              id: 9,
              label: "三级 1-1-1",
            },
            {
              id: 10,
              label: "三级 1-1-2",
            },
          ],
        },
      ],
    },
    {
      id: 2,
      label: "一级 2",
      children: [
        {
          id: 5,
          label: "二级 2-1",
        },
        {
          id: 6,
          label: "二级 2-2",
        },
      ],
    },
    {
      id: 3,
      label: "一级 3",
      children: [
        {
          id: 7,
          label: "二级 3-1",
        },
        {
          id: 8,
          label: "二级 3-2",
          children: [
            {
              id: 11,
              label: "三级 3-2-1",
            },
            {
              id: 12,
              label: "三级 3-2-2",
            },
            {
              id: 13,
              label: "三级 3-2-3",
            },
          ],
        },
      ],
    },
  ];

  const getParents = (list, id ,parentArr,root) => {
      parentArr =parentArr|| []
      if(root){
        for (let index = 0; index < list.length; index++) {
          const element = list[index];
          if (id == element.id) {
            parentArr.unshift(element)
          }else if (element.children && element.children.length) {
            getParents(element, id,parentArr,false);
          }
        }
      }else{
        for (let index = 0; index < list.children.length; index++) {
          const element = list.children[index];
          if (id == element.id) {
            parentArr.unshift(element)
            getParents(zIndexList, list.id,parentArr,true);
          }else if (element.children && element.children.length) {
            getParents(element, id,parentArr,false);
          }
        }
      }
      return parentArr
  };
  var s = getParents(zIndexList,12,[],true);
  console.log(s)
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值