Comparing two arrays of objects in JavaScript using key and value pairs

Question

Comparing two arrays of objects in JavaScript using key and value pairs

I have two different arrays of objects listed below. I aim to compare them and determine the score based on matching random codes. The sample result is outlined for reference. Thank you.

me.records.data1(array of objects)

[
        {
            id: 345,
            user: 223,
            random_code: "50-3910111611011",
            created_at: "2019-03-01",
            is_verified: false,
            …
        }   1:{
        id: 346,
            user:223,
                random_code:"50-101966854102",
                    created_at:"2019-03-01",
                        is_verified:false,
      …
   }
]

me.records.data2(array of objects)

[  
   {  
      id:161,
      questionaire_content:80,
      questionaire_content_choice:272,
      created_at:"2019-03-01",
      random_code:"50-3910111611011",
      score:"0",
      …
   }   1:{  
      id:162,
      questionaire_content:79,
      questionaire_content_choice:270,
      created_at:"2019-03-01",
      random_code:"50-101966854102",
      score:"1",
      …
   }
]

The resulting data, based on the provided information:

]{  
id:345,
user:223,
random_code:"50-3910111611011",
created_at:"2019-03-01",
score:0,
is_verified:false,
…
}{  
id:346,
user:223,
random_code:"50-101966854102",
created_at:"2019-03-01",
score:1,
is_verified:false,
…
}

]

javascript arrays compare

Answer 1

Answer №1

To achieve the desired outcome, follow these steps:

Go through each element in the source array.
For every item in the source array, extract the value associated with the "random_code" key for the object and save it in a temporary variable.
In the scores array, locate an object that has a matching "random_code" to the one stored in the temporary variable; if found, retrieve the value associated with the "score" key.

const source = [
  {
    id: 345,
    user: 223,
    random_code: "50-3910111611011",
    created_at: "2019-03-01",
    is_verified: false,
  }, {
    id: 346,
    user:223,
    random_code:"50-101966854102",
    created_at:"2019-03-01",
    is_verified:false,
  }
];

const scores = [
  {  
      id:161,
      questionaire_content:80,
      questionaire_content_choice:272,
      created_at:"2019-03-01",
      random_code:"50-3910111611011",
      score:"0",
   }, {  
      id:162,
      questionaire_content:79,
      questionaire_content_choice:270,
      created_at:"2019-03-01",
      random_code:"50-101966854102",
      score:"1",
   }
];

// Function to fetch the score value from the scores array based on matching random code.
const getScoreForRandomCode = (randomCode) => {
  for (let index = 0; index < scores.length; index++) {
    const tempScore = scores[index];
    if (tempScore.random_code === randomCode) {
      return tempScore.score;
    }
  }
}

const result = source.map ((item) => {
  const randomCode = item.random_code;
  const score = getScoreForRandomCode (randomCode);
  return {
    ...item,
    score: score || 'NA'
  };
});

console.log (result);

Answer 2

To achieve the desired outcome, follow these steps:

Go through each element in the source array.
For every item in the source array, extract the value associated with the "random_code" key for the object and save it in a temporary variable.
In the scores array, locate an object that has a matching "random_code" to the one stored in the temporary variable; if found, retrieve the value associated with the "score" key.

const source = [
  {
    id: 345,
    user: 223,
    random_code: "50-3910111611011",
    created_at: "2019-03-01",
    is_verified: false,
  }, {
    id: 346,
    user:223,
    random_code:"50-101966854102",
    created_at:"2019-03-01",
    is_verified:false,
  }
];

const scores = [
  {  
      id:161,
      questionaire_content:80,
      questionaire_content_choice:272,
      created_at:"2019-03-01",
      random_code:"50-3910111611011",
      score:"0",
   }, {  
      id:162,
      questionaire_content:79,
      questionaire_content_choice:270,
      created_at:"2019-03-01",
      random_code:"50-101966854102",
      score:"1",
   }
];

// Function to fetch the score value from the scores array based on matching random code.
const getScoreForRandomCode = (randomCode) => {
  for (let index = 0; index < scores.length; index++) {
    const tempScore = scores[index];
    if (tempScore.random_code === randomCode) {
      return tempScore.score;
    }
  }
}

const result = source.map ((item) => {
  const randomCode = item.random_code;
  const score = getScoreForRandomCode (randomCode);
  return {
    ...item,
    score: score || 'NA'
  };
});

console.log (result);

Answer 3

Answer №2

Iterate through each element in me.records.data1 using the forEach method, and compare the random_code with those in me.records.data2. If there is a match, assign the score from data2 to the corresponding element in data1.

me.records.data1.forEach(function(obj){  
    var bscore = ""; 
    data2 = me.records.data2.find(function(i) { if(i.random_code === obj.random_code) return i.score; });
    if(bscore!="") obj.score = data2.score;
});

Answer 4

Iterate through each element in me.records.data1 using the forEach method, and compare the random_code with those in me.records.data2. If there is a match, assign the score from data2 to the corresponding element in data1.

me.records.data1.forEach(function(obj){  
    var bscore = ""; 
    data2 = me.records.data2.find(function(i) { if(i.random_code === obj.random_code) return i.score; });
    if(bscore!="") obj.score = data2.score;
});

Comparing two arrays of objects in JavaScript using key and value pairs

me.records.data1(array of objects)

The resulting data, based on the provided information:

Answer №1

Answer №2

Similar questions

Is there a comparable Javascript alternative to the Ruby gem "site_prism" for Page Objects design?

The operation of executing `mongodb - find()` does not exist as a function

Invoke JavaScript function upon page load

Is there a way to create a new prettyphoto window by clicking on a link within the original prettyphoto window?

Utilizing an array as an index for a vector in MATLAB

Integrate Javascript code into a JavaScript file

Instructions for using arrow keys to navigate between div elementsHow to use arrow keys for navigating through

The jQuery ajax function is not properly displaying or hiding the loader div

WebClient executes JavaScript code

Removing an element from an array in PHP results in adding a key to objects

Adding style using CSS to a dynamically generated table row in Vue.js

Problem with jQuery's .prepend method being called twice on list items

Attempting to remove certain characters from a given string

Tips for restoring lost data from localStorage after leaving the browser where only one data remains

Problem with geocoding to retrieve a list of terrestrial coordinates

Checking JavaScript files with TSLint

Issue: spawn command UNKNOWN while running npx create-react-app

Forecasting the Asynchronous Behavior of Promises

Creating session variables in Joomla using checkboxes and AJAX

toggle the class on a label that contains a checkbox