determine variances between two Java script objects

Question

determine variances between two Java script objects

I need help with comparing two JavaScript objects to find the differences. The code I am using in the function is not giving me the desired output.

function compare() {
  var Json1 = [
    { name: "ABC", value: "5" },
    { name: "DEF", value: "85712264" },
  ];
  var Json2 = [
    { name: "DEF", value: "85712264" },
    { name: "ABC", value: "3" },
  ];

  var obj1Keys = Object.keys(Json1);
  var obj1Values = Object.values(Json1);
  var obj2Keys = Object.keys(Json2);
  var obj2Values = Object.values(Json2);
  console.log(obj1Keys);
  console.log(obj1Values);

  for (let i = 0; i < obj1Keys.length; i++) {
    for (let j = 0; j < obj2Keys.length; j++) {
      if (obj1Keys[i] === obj2Keys[j]) {
        if (obj1Values[i] !== obj2Values[j]) {
          console.log(obj1Keys[i]);
          console.log(obj1Values[i]);
        }
      }
    }
  }
}

I am attempting to compare the 'name' and 'value' from Json1 with Json2. If a matching 'name' is found, then I want to compare the 'value' for that 'name'. If there is a difference in the 'value', I would like to print the 'name' and 'value' pair from Json1.

Expected result: ABC, 5

Thank you for your assistance!

javascript arrays json

Answer 1

Answer №1

If you're looking to compare the attributes and values of two objects in JavaScript, using the .forEach() method is a great approach. Here's an example of how you can achieve that, with a focus on the use of object destructuring assignment in the first loop.

var Json1 = [
  { name: "ABC", value: "5" },
  { name: "DEF", value: "85712264" },
];
var Json2 = [
  { name: "DEF", value: "85712264" },
  { name: "ABC", value: "3" },
];

var obj1Keys = Object.keys(Json1);
var obj1Values = Object.values(Json1);
var obj2Keys = Object.keys(Json2);
var obj2Values = Object.values(Json2);

Json1.forEach(({name, value}) => {
   Json2.forEach((elem) => {
    if( name === elem.name && value !== elem.value) {
      console.log(name, value);
    }
  })
});

Answer 2

If you're looking to compare the attributes and values of two objects in JavaScript, using the .forEach() method is a great approach. Here's an example of how you can achieve that, with a focus on the use of object destructuring assignment in the first loop.

var Json1 = [
  { name: "ABC", value: "5" },
  { name: "DEF", value: "85712264" },
];
var Json2 = [
  { name: "DEF", value: "85712264" },
  { name: "ABC", value: "3" },
];

var obj1Keys = Object.keys(Json1);
var obj1Values = Object.values(Json1);
var obj2Keys = Object.keys(Json2);
var obj2Values = Object.values(Json2);

Json1.forEach(({name, value}) => {
   Json2.forEach((elem) => {
    if( name === elem.name && value !== elem.value) {
      console.log(name, value);
    }
  })
});

Answer 3

Answer №2

Are you looking for a solution?

let data1 = [{ "name": "ABC", "value": "5" }, { "name": "DEF", "value": "85712264" }];
    let data2 = [{ "name": "DEF", "value": "85712264" }, { "name": "ABC", "value": "3" }];

    for (let i = 0; i < data1.length; i++) {
      const { name, value } = data1[i];
      for (let j = 0; j < data2.length; j++) {
        const jsonData2 = data2[j];
        if (name === jsonData2.name ) {
          console.log(name, value);
        }
      }
    }

Answer 4

Are you looking for a solution?

let data1 = [{ "name": "ABC", "value": "5" }, { "name": "DEF", "value": "85712264" }];
    let data2 = [{ "name": "DEF", "value": "85712264" }, { "name": "ABC", "value": "3" }];

    for (let i = 0; i < data1.length; i++) {
      const { name, value } = data1[i];
      for (let j = 0; j < data2.length; j++) {
        const jsonData2 = data2[j];
        if (name === jsonData2.name ) {
          console.log(name, value);
        }
      }
    }

Answer 5

Answer №3

function findAndCompareValues(){
         var JsonData1 = [{
            label: "ABC",
            amount: "5"
        },
        {
            label: "DEF",
            amount: "85712264"
        },
    ];
    var JsonData2 = [{
            label: "DEF",
            amount: "85712264"
        },
        {
            label: "ABC",
            amount: "3"
        },
];

    // As both JsonData1 and JsonData2 are arrays, Object.keys not needed

    JsonData1.forEach((item, index) => {
        // Find corresponding item in JsonData2
        let correspondingItem = JsonData2.find(obj => obj.label === item.label) || {}

        // Compare values
        if (correspondingItem.amount && item.amount !== correspondingItem.amount) {
            console.log(item.label, item.amount)
        }

    })
}

findAndCompareValues()

Answer 6

function findAndCompareValues(){
         var JsonData1 = [{
            label: "ABC",
            amount: "5"
        },
        {
            label: "DEF",
            amount: "85712264"
        },
    ];
    var JsonData2 = [{
            label: "DEF",
            amount: "85712264"
        },
        {
            label: "ABC",
            amount: "3"
        },
];

    // As both JsonData1 and JsonData2 are arrays, Object.keys not needed

    JsonData1.forEach((item, index) => {
        // Find corresponding item in JsonData2
        let correspondingItem = JsonData2.find(obj => obj.label === item.label) || {}

        // Compare values
        if (correspondingItem.amount && item.amount !== correspondingItem.amount) {
            console.log(item.label, item.amount)
        }

    })
}

findAndCompareValues()

Answer 7

Answer №4

Here's a slight modification to the code snippet provided:

const jsonData1 = [  
{ key: "name", value: "John" },
  { key: "age", value: "25" },
];
const jsonData2 = [
  { key: "age", value: "30" },
  { key: "name", value: "Jane" },
];
const dataMap = new Map();
Object.keys(jsonData1).forEach(k => dataMap.set(jsonData1[k].key, jsonData1[k].value));
Object.keys(jsonData2).forEach(k => {
    if(dataMap.has(jsonData2[k].key) && dataMap.get(jsonData2[k].key) !== jsonData2[k].value)
        console.log(jsonData2[k].key, dataMap.get(jsonData2[k].key));
});

Answer 8

Here's a slight modification to the code snippet provided:

const jsonData1 = [  
{ key: "name", value: "John" },
  { key: "age", value: "25" },
];
const jsonData2 = [
  { key: "age", value: "30" },
  { key: "name", value: "Jane" },
];
const dataMap = new Map();
Object.keys(jsonData1).forEach(k => dataMap.set(jsonData1[k].key, jsonData1[k].value));
Object.keys(jsonData2).forEach(k => {
    if(dataMap.has(jsonData2[k].key) && dataMap.get(jsonData2[k].key) !== jsonData2[k].value)
        console.log(jsonData2[k].key, dataMap.get(jsonData2[k].key));
});

determine variances between two Java script objects

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Converting a JSON object to a JSON array can sometimes be challenging during JSON parsing

Creating a SAS URL for Azure Blob storage in Node.js using the generateBlobSASQueryParameters method from the @azure/storage-blob module

Retrieve data from Postgres by searching for multiple array elements within each row and returning them as JSON

Form Validation in JavaScript Continues to Submit Form Even When 'False' is Detected

What are the steps to utilize chrome.tabs.onUpdated.addListener?

Tips for fixing the error "Unhandled error: state.set is not a function"

sending a pair of variables via jQuery and AJAX

The pagination in Laravel Vue is causing a validation error due to an invalid prop type check failing

Sending a JSON response back to an AJAX request triggers a file download that includes the response

Using Node.js to insert a new element into a JSON array

Transform an array of dictionaries into JSON format

Minimize the amount of external asynchronous calls made by the client

Tips on saving two variables in a 2D array and sending it through an AJAX request

Utilizing Mongoose.js to nest a find() query within another find() query

Position a moveable item in the middle of two designated drop zones

What is the best way to incorporate an image within a datatable?

Adding list elements within a bootstrap `<li class="list-group-item"> using JavaScript is a simple process

Disappearing Cloned Form Fields in jQuery

Tips for bringing in and adding an excel spreadsheet to a kendo grid with the help of JQuery

How can I pass a JSON object from CefSharp's ChromiumWebBrowser to JavaScript without converting it to a string?