JavaScript如何过滤嵌套对象的数组

Question

我有这个数组。

const items = [
  { text: "Dashboard", roles: ["manager", "staff"] },
  {
    text: "User management",
    roles: ["admin", "manager", "staff"],
    children: [
      {
        text: "Create Suburb",
        roles: ["manager", "admin"]
      },
      {
        text: "View and Update Suburb",
        roles: ["staff"]
      },
      {
        text: "Create shoping mall"
      }
    ]
  }
];

我想在根对象和子数组的对象中过滤这个角色名称。

如果我将staff 作为参数传递，我的预期输出是这样的

const items = [
  { text: "Dashboard", roles: ["manager", "staff"] },
  {
    text: "User management",
    roles: ["admin", "manager", "staff"],
    children: [
      {
        text: "View and Update Suburb",
        roles: ["staff"]
      }
    ]
  }
];

到目前为止我所做的是

const data = items.filter(element => {
  return element.roles.includes("staff");
});

这基本上过滤了根对象。但不过滤嵌套子数组的对象。如何使用 JS 实现这一点？

Answer 1

对于这些数组操作之王，我很好地减少是更好的方法。

const items = [
  { text: 'Dashboard', roles: ['manager', 'staff'] },
  {
    text: 'User management',
    roles: ['admin', 'manager', 'staff'],
    children: [
      {
        text: 'Create Suburb',
        roles: ['manager', 'admin']
      },
      {
        text: 'View and Update Suburb',
        roles: ['staff']
      },
      {
        text: 'Create shoping mall'
      }
    ]
  }
]

function filterWithRoles(data,role) {
  return items.reduce((acc, item) => {
    if (item.roles.includes(role)) {
      item.children =
        item.children &&
        item.children.filter(child => child.roles && child.roles.includes(role))

      acc.push(item)
    }
    return acc
  }, [])
}

console.log(JSON.stringify(filterWithRoles(items,'staff'), null, 2))