CODEWITHSUNDEEP
javascriptreactjsobject
Ahmed Radi
Ahmed Radi

Reputation: 787

Compare data for two objects in React

I have two objects one come from API and contain data for each question and another one I created when the user check the answer

API data

"wordList": [
    {
        "id": 1,
        "word": "slowly",
        "pos": "adverb"
    },
    {
        "id": 2,
        "word": "ride",
        "pos": "verb"
    },
    {
        "id": 3,
        "word": "bus",
        "pos": "noun"
    },
    {
        "id": 4,
        "word": "commute",
        "pos": "verb"
    },
    ...
]

data create after the user check the answer:

[
    {
        "word": "slowly",
        "choose": "noun"
    },
    {
        "word": "ride",
        "choose": "noun"
    },
    {
        "word": "bus",
        "choose": "noun"
    },
    {
        "word": "commute",
        "choose": "adjective"
    }
]

How can I check IF the answer is correct or not to show user the result

Upvotes: 0

Views: 101

Answers (2)

Maicon Santos
Maicon Santos

Reputation: 41

const questions = [ { "id": 1, "word": "slowly", "pos": "adverb" }, { "id": 2, "word": "ride", "pos": "verb" }, { "id": 3, "word": "bus", "pos": "noun" }, { "id": 4, "word": "commute", "pos": "verb" }, ];

const answers = [ { "word": "slowly", "choose": "noun" }, { "word": "ride", "choose": "noun" }, { "word": "bus", "choose": "noun" }, { "word": "commute", "choose": "adjective" } ];

const result = questions.map((question) => {
  const foundPos = answers.find(answer => answer.word === question.word).choose;
  return `Question ${question.id}: word=${question.word} pos=${question.pos}, and the chosen answer was ` +
  foundPos + ` (${foundPos === question.pos})`;

});

console.log (result);

Expected output:
0: "Question 1: word=slowly pos=adverb, and the chosen answer was noun (false)"
1: "Question 2: word=ride pos=verb, and the chosen answer was noun (false)"
2: "Question 3: word=bus pos=noun, and the chosen answer was noun (true)"
3: "Question 4: word=commute pos=verb, and the chosen answer was adjective (false)"

Upvotes: 1

Amila Senadheera
Amila Senadheera

Reputation: 13235

This will calculate the score for correct answers using Array.prototype.map():

const wordList = [ { "id": 1, "word": "slowly", "pos": "adverb" }, { "id": 2, "word": "ride", "pos": "verb" }, { "id": 3, "word": "bus", "pos": "noun" }, { "id": 4, "word": "commute", "pos": "verb" }, ] 

const answers = [ { "word": "slowly", "choose": "noun" }, { "word": "ride", "choose": "noun" }, { "word": "bus", "choose": "noun" }, { "word": "commute", "choose": "adjective" } ]

const score = answers.reduce((prev, {word, choose}) => {
  return wordList.find(item => word === item.word).pos === choose ? prev + 1: prev
}, 0)

console.log(score);

To add isCorrect filed use Array.prototype.map():

const wordList = [ { id: 1, word: "slowly", pos: "adverb", }, { id: 2, word: "ride", pos: "verb", }, { id: 3, word: "bus", pos: "noun", }, { id: 4, word: "commute", pos: "verb", }, ]; const answers = [ { word: "slowly", choose: "noun", }, { word: "ride", choose: "noun", }, { word: "bus", choose: "noun", }, { word: "commute", choose: "adjective", }, ];

const output = answers.map(({ word, choose }) => ({
  word,
  choose,
  isCorrect: wordList.find((item) => word === item.word).pos === choose,
}));

console.log(output);

Upvotes: 1

Related Questions