Determine whether there are three or more identical values when comparing two objects in typescript

Question

Determine whether there are three or more identical values when comparing two objects in typescript

Hello there, I am in need of some assistance as I am unsure where to begin. Any help would be greatly appreciated. Here are the two objects I have:

const Questions = {
 five: "c"
 four: "c"
 one: "a"
 three: "a"
 two: "a"
};

And I also have this object:

const Answers = {
 five: "a"
 four: "a"
 one: "a"
 three: "a"
 two: "a"
};

My objective is to compare these two objects and determine if there are 3 or more correct matches. Based on the comparison result, I need to display a different message. I have attempted comparing the two objects like this:

JSON.stringify(Questions) === JSON.stringify(Answers);

However, this only returns true or false. I also tried to return only the corrected answers with the following code snippet:

checkCorrectAnswers(obj1: any, obj2: any): any {
    const keys1 = [];
    const values1 = [];
    Object.keys(obj1).forEach((element) => {
      keys1.push(element);
    });
    Object.values(obj1).forEach((element) => {
      values1.push(element);
    });
    // More code goes here...
}

I appreciate any further guidance or solutions provided. Thank you.

javascript typescript

Answer 1

Answer №1

To efficiently check for answers, you can loop over the questions like this:

const Answers = {
 five: "a",
 four: "a",
 one: "a",
 three: "a",
 two: "a"
};

const Questions = {
 five: "c",
 four: "c",
 one: "a",
 three: "a",
 two: "a"
};

const isPass = (passingScore) => {
  let score = 0

  for (const questionKey in Questions) {
    const questionValue = Questions[questionKey];
    const answerValue = Answers[questionKey]

    const isCorrect = answerValue === questionValue

    if (!answerValue) {
      continue
    }

    if (isCorrect) {
      score++
    }
  }

  return score >= passingScore
}

The advantage of this approach is that it requires only a single loop to complete.

Answer 2

To efficiently check for answers, you can loop over the questions like this:

const Answers = {
 five: "a",
 four: "a",
 one: "a",
 three: "a",
 two: "a"
};

const Questions = {
 five: "c",
 four: "c",
 one: "a",
 three: "a",
 two: "a"
};

const isPass = (passingScore) => {
  let score = 0

  for (const questionKey in Questions) {
    const questionValue = Questions[questionKey];
    const answerValue = Answers[questionKey]

    const isCorrect = answerValue === questionValue

    if (!answerValue) {
      continue
    }

    if (isCorrect) {
      score++
    }
  }

  return score >= passingScore
}

The advantage of this approach is that it requires only a single loop to complete.

Answer 3

Answer №2

If you're looking to find the accurate responses, here's a simple method you can utilize.

const Questions = {five:"c",four:"c",one:"a",three:"a",two:"a"};
const Answers = {five:"a",four:"a",one:"a",three:"a",two:"a"};

const keys = Object.keys(Questions);
const correctAnsCount = keys.reduce((accumulator, currentKey) => {
  if (Questions[currentKey] === Answers[currentKey]) accumulator++;
  
  return accumulator;
}, 0);

console.log(correctAnsCount);

Answer 4

If you're looking to find the accurate responses, here's a simple method you can utilize.

const Questions = {five:"c",four:"c",one:"a",three:"a",two:"a"};
const Answers = {five:"a",four:"a",one:"a",three:"a",two:"a"};

const keys = Object.keys(Questions);
const correctAnsCount = keys.reduce((accumulator, currentKey) => {
  if (Questions[currentKey] === Answers[currentKey]) accumulator++;
  
  return accumulator;
}, 0);

console.log(correctAnsCount);

Answer 5

Answer №3

const Questions = {five: "c", four: "c", one: "a", three: "a", two: "a"};
const Answers = {five: "a", four: "a", one: "a", three: "a", two: "a"};
correctAnswers = Object.fromEntries(Object.entries(Answers).filter(([k, v]) => Questions[k] === v));
incorrectAnswers = Object.fromEntries(Object.entries(Answers).filter(([k, v]) => Questions[k] !== v));
console.log("Correct answers:", correctAnswers);
console.log("Incorrect answers:", incorrectAnswers);
console.log("Passed:", Object.keys(correctAnswers).length >= 3);

Result

Correct answers: { one: 'a', three: 'a', two: 'a' }
Incorrect answers: { five: 'a', four: 'a' }
Passed: true

Answer 6

const Questions = {five: "c", four: "c", one: "a", three: "a", two: "a"};
const Answers = {five: "a", four: "a", one: "a", three: "a", two: "a"};
correctAnswers = Object.fromEntries(Object.entries(Answers).filter(([k, v]) => Questions[k] === v));
incorrectAnswers = Object.fromEntries(Object.entries(Answers).filter(([k, v]) => Questions[k] !== v));
console.log("Correct answers:", correctAnswers);
console.log("Incorrect answers:", incorrectAnswers);
console.log("Passed:", Object.keys(correctAnswers).length >= 3);

Result

Correct answers: { one: 'a', three: 'a', two: 'a' }
Incorrect answers: { five: 'a', four: 'a' }
Passed: true

Determine whether there are three or more identical values when comparing two objects in typescript

Answer №1

Answer №2

Answer №3

Similar questions

Implementing Conditional Class Addition in React.js

Wave Filter in SVG

Exploring the versatility of HTTP actions in Express: Using GET and

How to verify if an object is empty in an AngularJS expression

Limiting the display to only a portion of the document in Monaco Editor

The Google Geo Charts fail to load when initiated by Ajax requests

When using Vuejs + Laravel to make an Ajax request, only the most recent information entered into the view is submitted

When trying to use TypeScript with next.js, encountering an unexpected token `?` error is not

What is the best way to conceal an HTML element on a particular page that is already styled as (visibility: visible), but only if its child has a specific class assigned to it?

Creating an Efficient Lazy Loading HTML Page with jQuery

Utilizing SEO and incorporating special characters like !# in a website's URL

Combining Vitest with FastifyAutoload resulted in a FastifyError: The plugin provided must either be a function or a promise, but instead, an 'object' was received

Run the .map() method at regular intervals of 'x' seconds

Is there a way to identify the Xpath after clicking a button that adds a row to the JQGrid?

Creating a personalized script in ReactJS: A step-by-step guide

Sluggish animation performance in threejs when using requestAnimationFrame within a class

Display or conceal various content within div elements using multiple buttons

Encountering an issue while attempting to send an image through JavaScript, jQuery, and PHP

Creating client side scripts for an ajax call to generate a Json object is simple once you understand the basics

Selecting options on hover, either A or B at the least