Array javascript to match answer and questions by id

Question

I have an array form lke this

const options = [
  {
    id: 1,
    content: 'Hello'
  },
  {
    id: 2,
    content: 'Hi'
  }
]

const answers = [
  {
    id: 400,
    content: 'World',
    optionKey: 1
  },
  {
    id: 500,
    content: 'There',
    optionKey: 2
  }
]

expected output

const expecetedOutput = [
  {
    option: {
      id: 1,
      content: 'Hello'
    },
    answer: {
      id: 400,
      content: 'World'
    }
  },
  {
    option: {
      id: 2,
      content: 'Hi'
    },
    answer: {
      id: 500,
      content: 'There'
    }
  }
];

What i have tried

i have tried using map and find but the result still not as expected

const optionWithAnswer = answers.map((answer) => {
  return {
    option: options.find((option) => option.id === answer.optionKey),
    answer: answers.find((answer) => answer.optionKey === options.find((option) => option.id === answer.optionKey).id)
  }
})

result i got. the answer will always found the first index of answer array

[
  {
    option: { id: 1, content: 'Hello' },
    answer: { id: 400, content: 'World', optionKey: 1 }
  },
  {
    option: { id: 2, content: 'Hi' },
    answer: { id: 400, content: 'World', optionKey: 1 }
  }
]

what i'm supposed to do. is this something that should accomplish using reduce ?

so I guess you don't want the optionKey property in the expected output ..right? — sid
– sid, Commented Jul 18, 2021 at 11:04
no . it can be there. i just want the result to be match by id of options to optionkey of answer — Bryan Lumbantobing
– Bryan Lumbantobing, Commented Jul 18, 2021 at 11:08

kilzid · Accepted Answer · 2021-07-18 11:07:15Z

4

options.map(opt => ({
    option: opt,
    answer: answers.find(i => i.optionKey === opt.id)
}));

answered Jul 18, 2021 at 11:07

kilzid

1837 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Array javascript to match answer and questions by id

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related