js 对树形结构数据根据某一属性进行过滤 获取新的树形结构

该文章描述了一个JavaScript函数,用于过滤节点树。函数遍历每个节点,根据给定的条件保留节点及其路径。如果节点不符合条件,其符合条件的子节点会被提升到父节点层级。示例展示了如何根据ID筛选节点。
  • 过滤出来的子节点需要保留其路径(路径中可能会有节点不符合条件)。如果不保留路径是否将子节点直接提升连接到上级符合条件的节点(或作为根节点)
const filter(nodes, predicate) => {
  // 如果已经没有节点了,结束递归
  if (!(nodes && nodes.length)) {
    return [];
  }

  const newChildren = [];
  for (const node of nodes) {
    if (predicate(node)) {
      // 如果节点符合条件,直接加入新的节点集
      newChildren.push(node);
      node.children = filter(node.children, predicate);
    } else {
      // 如果当前节点不符合条件,递归过滤子节点,
      // 把符合条件的子节点提升上来,并入新节点集
      newChildren.push(...deal(node.children, predicate));
    }
  }
  return newChildren;
}
  • eg 筛选出符合的id
 const tree = filter(data, (node) => checkedKeys.value.includes(node[props.nodeKey]));

在这里插入图片描述
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值