다른 배열 자바 스크립트의 매개 변수로 배열 루프

다양한 권한이 있습니다.

const permissions = ['search', 'reports', 'whitelist'];

그리고 메뉴가 있어요

const menus = [
  {
    text: 'Navigation',
    link: 'navigation',
    topic: 'all',
  },
  {
    text: 'Dictionary',
    link: 'dict',
    topic: 'src',
  },
  {
    text: 'Services',
    link: '/services',
    submenu: [
      {
        text: 'Check company',
        link: '/services/search',
        topic: 'search',
      },
      {
        text: 'Report statistic',
        link: '/services/reportstatistic',
        topic: 'another-topic',
      },
      {
        text: 'Report request',
        link: '/services/getrequestreport',
        topic: 'another-topic-2',
      },
      {
        text: 'Get whitelist',
        link: '/services/getresponsereport',
        topic: 'whitelist',
      },
      {
        text: 'Get data',
        link: '/services/requestdata',
        topic: 'reports',
      },
    ],
  },
];

나는 필터에 필요 menus가있는 경우 배열의 각 항목을 확인하기 위해 topic허가 중 하나에 등호를 permissions배열하고있는 경우 submenu다음 동일 또는 경우 각 항목 폼 하위 메뉴를 확인 topic ==='all'하고 어쨌든 새로운 메뉴로 하나를 추가 할 수 있습니다. 필터 후 예상 결과는 다음과 같습니다.

const newArrr = [
  {
    text: 'Navigation',
    link: 'navigation',
    topic: 'all',
  },
  {
    text: 'Services',
    link: '/services',
    submenu: [
      {
        text: 'Check company',
        link: '/services/search',
        topic: 'search',
      },
      {
        text: 'Get whitelist',
        link: '/services/getresponsereport',
        topic: 'whitelist',
      },
      {
        text: 'Get data',
        link: '/services/requestdata',
        topic: 'reports',
      },
    ],
  },
];

자체 루프를 만들려고했지만 올바르지 않습니다.

for (let menu of menus) {
  for (let permission of filteredPermissions) {
    if (menu.topic && (menu.topic == permission || menu.topic === 'all')) {
      newArr.push(menu);
    }
    if (menu.submenu) {
      for (let submenu of menu.submenu) {
        for (let permissionSecond of filteredPermissions) {
          if (!(submenu.topic == permissionSecond) || !(submenu == 'all')) {
            menu.submenu.splice(menu.submenu[submenu], 1);
          }
        }
      }
    }
  }
}