JavaScript code to eliminate repeating nodes within an object in JSON format

Question

JavaScript code to eliminate repeating nodes within an object in JSON format

Recently, I encountered a JSON string:

let jsonData = '{"header-v1":{"archives":{"is_author":"all"}},"header-v4":{"archives":{"is_author":"all"}}}';

The data in this object keeps getting updated and I am interested in removing any duplicate values. To clarify, consider the following scenario:

    let jsonData = '{"header-v4":{"archives":{"is_author":"all"}}}';

Now, if we need to introduce a new rule set which matches

"header-v1":{"archives":{"is_author":"all"}}

I aim to eliminate

"header-v4":{"archives":{"is_author":"all"}}

from the data since it duplicates {"archives":{"is_author":"all"}}.

My question is, can this de-duplication process be achieved using JavaScript?

javascript json object

Answer 1

Answer №1

let finalResult = [];
$.each(subservices, function (index, element) {
    let matchingElements = $.grep(finalResult, function (item) {
       return item.name === element.name && item.label === element.label;
    });
    if (matchingElements.length === 0){
        finalResult.push(element);
    }
});

//displaying the final result [{"name":"hello","label":"world"},{"name":"abc","label":"xyz"}]
alert(JSON.stringify(finalResult));

Try it out on JSFiddle: http://jsfiddle.net/defujjhp/

Answer 2

let finalResult = [];
$.each(subservices, function (index, element) {
    let matchingElements = $.grep(finalResult, function (item) {
       return item.name === element.name && item.label === element.label;
    });
    if (matchingElements.length === 0){
        finalResult.push(element);
    }
});

//displaying the final result [{"name":"hello","label":"world"},{"name":"abc","label":"xyz"}]
alert(JSON.stringify(finalResult));

Try it out on JSFiddle: http://jsfiddle.net/defujjhp/

Answer 3

Answer №2

Here is a sample code snippet that demonstrates how to compare and manipulate JSON objects:

const originalJson = '{"header-v4":{"archives":{"is_author":"all"}}}';
const parsedOriginalJson = JSON.parse(originalJson);

const newJson = '{"header-v1":{"archives":{"is_author":"all"}}}';
const parsedNewJson = JSON.parse(newJson);

const matchingKeys = [];

Object.keys(parsedNewJson).forEach(key => {
    Object.keys(parsedOriginalJson).forEach(nKey => {
        if (parsedNewJson[key].toString() === parsedOriginalJson[nKey].toString()) {
            matchingKeys.push(nKey);
        }
    });
});

matchingKeys.forEach(matchingKey => {
    delete parsedOriginalJson[matchingKey];
});

Answer 4

Here is a sample code snippet that demonstrates how to compare and manipulate JSON objects:

const originalJson = '{"header-v4":{"archives":{"is_author":"all"}}}';
const parsedOriginalJson = JSON.parse(originalJson);

const newJson = '{"header-v1":{"archives":{"is_author":"all"}}}';
const parsedNewJson = JSON.parse(newJson);

const matchingKeys = [];

Object.keys(parsedNewJson).forEach(key => {
    Object.keys(parsedOriginalJson).forEach(nKey => {
        if (parsedNewJson[key].toString() === parsedOriginalJson[nKey].toString()) {
            matchingKeys.push(nKey);
        }
    });
});

matchingKeys.forEach(matchingKey => {
    delete parsedOriginalJson[matchingKey];
});

JavaScript code to eliminate repeating nodes within an object in JSON format

Answer №1

Answer №2

Similar questions

Is it possible to only set style.marginLeft one time?

The scrolling behavior of Chrome tabs or bookmarks can impact the functionality of an Angular

The JavascriptExecutor in Selenium WebDriver using C# consistently returns null objects

What are the steps to integrate the isotope-layout into a next.js project?

What is the most effective way to load data prior to the controller being loaded

Unexpected dependency mysteriously appeared in package.json during npm install

Having issues with a drop-down in Bootstrap. Is there anyone who can assist in getting it to function

Tips for retrieving and parsing JSON data in JSP

Modify one individual css style / tag

Implement a time delay in the jQuery each function following an AJAX request

Store and retrieve intricate data structures using JSON serialization

Unable to retrieve a string from one function within another function

Building a React Redux project template using Visual Studio 2019 and tackling some JavaScript challenges

Enhancing User Experience with Cascading Dropdown Menus in MVC 5

Utilizing Spark to manage JSON data featuring dynamically named substructures

Assigning information to a button within a cell from a dynamically generated row in a table

When you select a single checkbox, all checkboxes within the array are automatically checked

How can I incorporate a child component into a separate component within Angular version 14?

Step-by-step guide for adding a product to the cart and viewing it in list format in a different activity

How can JSON input from an android device affect the ratings on a WordPress site?