基于 id 从两个对象数组角度打字稿映射新对象

Question

我有这样的事情

export class Question {
  id: string;
  title: string;
  description: string;
  answers: Answer[];
}

export class Answer {
  id: string;
  text: string;
  questionId: string;
}

我有两个这样的对象

answers =  [
    {
      "id": 1,
      "text": "some comment1",
      "questionId": 1
    },
    {
      "id": 2,
      "text": "some comment2",
      "questionId": 3
    },
    {
      "id": 3,
      "text": "some comment3",
      "questionId": 3
    }
  ];

questions = [
    {
      "id": 1,
      "title": "Name1",
      "description": "typicode1"
    },
    {
      "id": 2,
      "title": "Name2",
      "description": "typicode2"
    },
    {
      "id": 3,
      "title": "Name3",
      "description": "typicode3"
    }
  ];

questionsAndAnswers: Question[];

现在我需要将答案映射到属性 answers

上的正确 question

我的新 questionsAndAnswers 应该是这样的

questionsAndAnswers = [{
      id: 1,
      title: Name1,
      description: typicode1;
      answers: [{
          "id": 1,
          "text": "some comment1",
          "questionId": 1
        }]
},
{
      id: 2,
      title: Name2,
      description: typicode2;
      answers: []
},
{
      id: 3,
      title: Name3,
      description: typicode3;
      answers: [{
          "id": 2,
          "text": "some comment2",
          "questionId": 3
        },
{
          "id": 3,
          "text": "some comment3",
          "questionId": 3
        }]
}
];

Answer 1

您可以尝试将数组reduce 与filter 函数一起使用。试试下面的

var questions = [ { "id": 1, "title": "Name1", "description": "typicode1" }, { "id": 2, "title": "Name2", "description": "typicode2" }, { "id": 3, "title": "Name3", "description": "typicode3" } ];
var answers =  [ { "id": 1, "text": "some comment1", "questionId": 1 }, { "id": 2, "text": "some comment2", "questionId": 3 }, { "id": 3, "text": "some comment3", "questionId": 3 } ];
  
var questionsAndAnswers = questions.reduce((acc, curr, index) => {
  acc[index] = curr;
  acc[index].answers = answers.filter(answer => answer.questionId === curr.id);
  return acc;
}, []);

console.log(questionsAndAnswers);