JavaScript递归过滤嵌套对象数组：保留retired为false的元素

你原有的递归过滤逻辑判断条件不符合需求——原逻辑会保留retired: true但存在子元素的项，而我们需要的是仅保留自身retired为false的元素，同时递归清理它的children数组，只留下其中retired为false的子项。

正确的递归过滤实现 #

function filterNonRetired(items) {
  return items.filter(item => {
    // 直接排除自身retired为true的元素
    if (item.retired !== false) return false;
    // 递归处理子元素数组，确保子项也符合过滤规则
    if (item.children && item.children.length > 0) {
      item.children = filterNonRetired(item.children);
    }
    return true;
  });
}

// 使用示例
const label_lists = [{"code":"96","value":"RemoveTest","parentLabelCode":1,"color":null,"level":1,"children":[{"code":"97","value":"R1","parentLabelCode":96,"color":null,"level":2,"children":[],"visible":true,"retired":false,"systemLabel":true,"removeOnArchive":true,"displayNumber":1,"labelTranslations":null},{"code":"98","value":"R2","parentLabelCode":96,"color":null,"level":2,"children":[],"visible":true,"retired":true,"systemLabel":true,"removeOnArchive":true,"displayNumber":2,"labelTranslations":null},{"code":"99","value":"R3","parentLabelCode":96,"color":null,"level":2,"children":[],"visible":true,"retired":true,"systemLabel":true,"removeOnArchive":true,"displayNumber":2,"labelTranslations":null}],"visible":true,"retired":false,"systemLabel":true,"removeOnArchive":true,"displayNumber":0,"labelTranslations":null}];

const filteredList = filterNonRetired(label_lists);
console.log(filteredList);

代码说明 #

1. 外层filter先筛选出自身retired为false的元素，直接排除所有retired: true的项；
2. 如果当前元素存在children数组，递归调用过滤函数处理子数组，确保子元素也只保留未标记为retired的项；
3. 最终返回的数组完全匹配你预期的结构，仅包含符合条件的元素及其合规子项。

预期输出结果 #

[{"code":"96","value":"RemoveTest","parentLabelCode":1,"color":null,"level":1,"children":[{"code":"97","value":"R1","parentLabelCode":96,"color":null,"level":2,"children":[],"visible":true,"retired":false,"systemLabel":true,"removeOnArchive":true,"displayNumber":1,"labelTranslations":null}],"visible":true,"retired":false,"systemLabel":true,"removeOnArchive":true,"displayNumber":0,"labelTranslations":null}]

内容的提问来源于stack exchange，提问作者Rahul Panwar