打字稿中的嵌套过滤器

Question

我有一个 JSON 数组，如下所示。

[
  {
        id: 1,
        name: 'Alex',
        activity: [
           {
                id: 'A1',
                status: true
            },

            {
                id: 'A2',
                status: true
            },

            {
                id: 'A3',
                status: false
            }

        ]
    },
    {
        id: 2,
        name: 'John',
        activity: [
            {
                id: 'A6',
                status: true
            },

            {
                id: 'A8',
                status: false
            },

            {
                id: 'A7',
                status: false
            }

        ]
    }
]

我想要获取一个状态为 true 的活动 id 数组。我可以使用nester for 或 forEach 循环来实现这一点。但在这里，我希望借助 filter、map 和 some 等数组函数来实现。

我已经尝试过以下操作。

let newArr=arr.filter(a=> a.activity.filter(b=> b.status).map(c=> c.id))

但我没有得到正确答案 预期输出

['A1','A2','A6']

Answer 1

function filter_activity(activities) {
    return activities
        && activities.length
        && activities.map(x => x.activity)
            .flat().filter(activity => activity.status)
            .map(x => x.id) || [];
}

---

插图

function filter_activity(activities) {
  return activities &&
    activities.length &&
    activities.map(x => x.activity)
    .flat().filter(activity => activity.status)
    .map(x => x.id) || [];
}
const input = [{
    id: 1,
    name: 'Alex',
    activity: [{
        id: 'A1',
        status: true
      },
      {
        id: 'A2',
        status: true
      },
      {
        id: 'A3',
        status: false
      }
    ]
  },
  {
    id: 2,
    name: 'John',
    activity: [{
        id: 'A6',
        status: true
      },
      {
        id: 'A8',
        status: false
      },
      {
        id: 'A7',
        status: false
      }
    ]
  }
];
console.log(filter_activity(input));

---

所见即所得 => 所见即所得

Answer 2

let arr = json.flatMap(e => e.activity.filter(el => el.status).map(el => el.id))

Answer 3

let newArr=arr.map(x => x.activity)
            .reduce((acc, val) => acc.concat(val), [])
            .filter((activity:any) => activity.status)
            .map((x:any) => x.id) || [];

我在使用 flat() 和 flatMap() 时出错。因此，我使用了 reduce()。