js做一个数组筛选。

Question

有这样一个数组，如果他的子元素里的disabled是false 就把他筛选出来，并且把他的最上级的元素也保留，把disabeld不是false的过滤掉

  const arr = [
    {
      key: '17',
      value: '17',
      label: 'Data Arch',
      disabled: true,
      children: [
        { key: '17', value: '17', label: 'Data Arch', disabled: true },
        {
          key: '8',
          value: '8',
          label: '留',
          disabled: false,
          children: [{ key: '9', value: '9', label: '留', disabled: false }],
        },
      ],
    },
    { key: '2160', value: '2160', label: 'Data Platform', disabled: true },
    { key: '25', value: '25', label: 'Enterprise Application', disabled: true },
    { key: '2161', value: '2161', label: 'Infrastructure', disabled: true },
    { key: '24', value: '24', label: 'Lark', disabled: true },
  ];

最后希望得到这样一个筛选结果🙏

  const filters = [
    {
      key: '17',
      value: '17',
      label: 'Data Arch',
      disabled: true,
      children: [
        {
          key: '8',
          value: '8',
          label: '留',
          disabled: false,
          children: [{ key: '9', value: '9', label: '留', disabled: false }],
        },
      ],
    }
  ];

Answer 1

const arr = [
    {
        key: '17',
        value: '17',
        label: 'Data Arch',
        disabled: true,
        children: [
            {key: '17', value: '17', label: 'Data Arch', disabled: true},
            {
                key: '8',
                value: '8',
                label: '留',
                disabled: false,
                children: [{key: '9', value: '9', label: '留', disabled: false}],
            },
        ],
    },
    {key: '2160', value: '2160', label: 'Data Platform', disabled: true},
    {key: '25', value: '25', label: 'Enterprise Application', disabled: true},
    {key: '2161', value: '2161', label: 'Infrastructure', disabled: true},
    {key: '24', value: '24', label: 'Lark', disabled: true},
];

function filterArr(arr) {
    function filterData(node) {
        if (!node.children) {
            return node.disabled ? null : node;
        } else {
            let children = node.children.map(filterData).filter(item => item);
            if (children.length > 0) {
                return {...node, children}
            } else if (!node.disabled) {
                delete node.children
                return node
            }
            return null
        }
    }

    return arr.map(filterData).filter(item => item)
}

console.log(JSON.stringify(filterArr(arr)))