提取另一个对象数组中的对象数组内部的属性，并将结果作为字符串数组

Question

我有一个具有以下结构的TypeScript对象数组：

const surveyResponses: any[] = [
  {createdAt: new Date(), responses: [{questionId: 'input1', response: 'Bla'}]},
  {createdAt: new Date(), responses: [{questionId: 'input1', response: 'Blo'}]}
];

我想提取response数组中的response属性，并将它们作为单个字符串数组。

预期结果：['Bla'，'Blo']

我已尝试遵循以下建议：

1. 从对象数组中，提取属性值作为数组
2. 仅从Javascript中的对象数组返回某些属性

我尝试使用减少没有运气：

responses.reduce((a, o) => (o.responses.map(r => r.response) && a.push(o.responses.map(r => r.response)), a), []);

我尝试过使用map，但运气不佳：

responses.map(r => r.responses).map(r => r.map(r => r.response));
Result: [["Bla"], ["Blo"]]

任何帮助都将不胜感激。

Answer 1

在我看来，使用flatMap是一个更简单的选项。如果它不可用，您可以随时填充它。

const result = surveyResponses.flatMap(r => r.responses).map(r => r.response)
console.log(result)

Answer 2

使用flatMap获取响应数组，获取它们的响应字符串，并组合它们：

const surveyResponses = [
  {createdAt: new Date(), responses: [{questionId: 'input1', response: 'Bla'}]},
  {createdAt: new Date(), responses: [{questionId: 'input1', response: 'Blo'}]}
];

const result = surveyResponses.flatMap(
  item => item.responses.map(
    ({ response }) => response
  )
);
console.log(result);