JS使用递归过滤多叉树数组

const data = [{
  id: 1, type: 1, name: '测试', children: [{
    id: 2, type: 1, name: '121212', children: [{
      id: 5, type: 1, name: '121212',
    }, {
      id: 6, type: 1, name: '121212',
    }, {
      id: 7, type: 1, name: '121212',
    }]
  }, {
    id: 3, type: 1, name: '121212', children: []
  }, {
    id: 4, type: 1, name: 'dgsda', children: []
  }]
}, {
  id: 11, type: 1, name: '测试11', children: [{
    id: 12, type: 1,
    name: '22',
    children: [{
      id: 15, type: 1, name: '3',
    }, {
      id: 16, type: 1, name: 'ss',
    }]
  }, {
    id: 13, type: 1, name: '121212',
  }, {
    id: 14, type: 1, name: 'dgsda', children: []
  }]
}];

const getFilterTreeData = (filterItem, data, newArr = []) => {
  if (!filterItem.length) { return data; }
  data.forEach(item => {
    if (filterItem.indexOf(item.id) !== -1) {
      // push符合筛选条件的节点
      newArr.push(item);
    }

    // 向下查找
    if (item.children && item.children.length) {
      const nextNode = getFilterTreeData(filterItem, item.children);
      if (nextNode && nextNode.length) {
        // 存储该节点,同时将该节点的children更新为递归后的children
        let node = { ...item, children: nextNode };
        newArr.push(node);
      }
    }
  })
  return newArr
}
const arr = getFilterTreeData([2, 3, 13], data, [])
console.log(arr);

结果如下:
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值