javascript - 在 Angular 2 App 中过滤多维数组

Question

我正在尝试找到一种方法来处理在我的 Angular 2 应用程序中使用数组过滤数组。数据如下所示:

  let services = [
          {
              flags: [
                  {
                      action: "Flag One",
                      completed: true,

                  },
                  {
                      action: "Flag Two",
                      completed: false,

                  },
                ],
            ribbons: [
                 {
                      action: 'Ribbon One',
                      active: false,
                  },
                 {
                      action: 'Ribbon Two',
                      active: true,
                  },
            ]
          }
        ]

现在，如果我知道要定位第二个数组中的哪个项目，我可以这样做:

let filteredServices = services.filter(service => service.flags[0].completed === false);

console.dir(filteredServices);

但是，通常我不知道要定位内部数组中的哪一项，所以我如何编写一个过滤函数来遍历两个数组并过滤我要查找的特定项目？我会使用“过滤器”和“forEach”的组合吗？还是有更简洁的方法来做到这一点？

Answer 1

你可以使用一些过滤器

let filteredServices = services.filter((element) => element.flags.some((subElement) => subElement.completed === false));