Comparing the architecture of two JSON objects in JavaScript without taking into account their actual content

Question

Comparing the architecture of two JSON objects in JavaScript without taking into account their actual content

One of the tools I rely on for my projects is a Node.js based mock server that helps me specify and mock API responses from the backend. However, it would be beneficial to have a way to ensure both the backend and frontend are in sync with the specified structure. To achieve this, I am looking for a method to compare the JSON Objects' structures.

For instance, these two objects should be deemed as equal:

var object1 = {
    'name': 'foo',
    'id': 123,
    'items' : ['bar', 'baz']
}

var object2 = {
    'name': 'bar',
    'items' : [],
    'id': 234
}

Do you have any suggestions on how I could accomplish this task?

javascript json comparison

Answer 1

Answer №1

This solution presents a simple and elegant approach. Here is how you can compare two objects:

var equal = true;
for (i in object1) {
    if (!object2.hasOwnProperty(i)) {
        equal = false;
        break;
    }
}

If both objects have the same properties, the variable equal will remain true.

You can also use this as a function like so:

function compareObjects(object1, object2){
    for (i in object1)
        if (!object2.hasOwnProperty(i))
            return false;
    return true;
}

Answer 2

This solution presents a simple and elegant approach. Here is how you can compare two objects:

var equal = true;
for (i in object1) {
    if (!object2.hasOwnProperty(i)) {
        equal = false;
        break;
    }
}

If both objects have the same properties, the variable equal will remain true.

You can also use this as a function like so:

function compareObjects(object1, object2){
    for (i in object1)
        if (!object2.hasOwnProperty(i))
            return false;
    return true;
}

Answer 3

Answer №2

To achieve this task, you can utilize the hasOwnProperty function. It involves checking each property name of object1 against object2:

function compareProperties(obj1, obj2) {
  return Object.keys(obj1).every( function(property) {
    return obj2.hasOwnProperty(property);
  });
}

See Demo

Answer 4

To achieve this task, you can utilize the hasOwnProperty function. It involves checking each property name of object1 against object2:

function compareProperties(obj1, obj2) {
  return Object.keys(obj1).every( function(property) {
    return obj2.hasOwnProperty(property);
  });
}

See Demo

Comparing the architecture of two JSON objects in JavaScript without taking into account their actual content

Answer №1

Answer №2

Similar questions

The data received by request.responseText is accurate, however JavaScript is unable to interpret it

Issue: App is not being styled with Material UI Theme Colors

What is the best way to target a specific item in a list using JavaScript in order to modify its appearance?

Transform JSON into a format that is compatible with Prometheus for easy reading

Encountered an Xpath error while attempting to create a random email generator using Selenium IDE

Angular 14 is experiencing issues with NgRx Store failing to properly recognize the payload

How do I convert the object value/data to lowercase in JavaScript using underscore for an HTML5 document?

How can I display a JSON object as a table in Sinatra?

Is it possible for my JQueryUI draggable items to smoothly transition into a different overflowing element?

What is the best way to convert a C# object into a JSON format that resembles "["starts-with", "$key", "user/john/"]"?

Tips for increasing visibility for your Google Analytics Embed API Custom Components

Obtain the name of the checkbox that has been selected

Trouble with importing css in Angular webpack due to ui-bootstrap integration

Tips on invoking a scope function depending on an attribute's value

Can you explain the distinction between these two Redux reducer scenarios?

Displaying complex JSON data in an HTML format using JavaScript

Can someone explain the purpose of this code snippet: `const { foo = "bar" } = "baz"`?

Converting Table data to JSON in SQL Server by utilizing column values as nodes

Developing an npm package for storing a communal instance

Attempting to enhance the modularity and readability of my code