Javascript json object how to move changed data to a new object

Question

I have 2 json object.

the first one holds data from the client form.

{
       "name": "Example name",
       "company": {
         "name": "new company",
         "size": "FIVE",
         "licenseInfo": {
            "isActive": "0"
         }
       }
}

and in my other object, I know which fields are modified in this form. If value is true then it has changed. The plugin I use gives me this information.

{
       "name": true,
       "company": { 
         "size": true,
         "licenseInfo": {
            "isActive": true
         }
       }
}

I want to compare these 2 objects and get a submit object with only changed data as follows. company name has not been changed and I do not want to submit company.name

{
       "name": "Example name",
       "company": { 
         "size": "FIVE",
         "licenseInfo": {
            "isActive": "0"
         }
       }
}

I can manually control the fields one by one, but I want to create a dynamic compare function so I can use it on my other forms.

I'm not applying blame. The examples are still not valid JSON. Property names must also be quoted — evolutionxbox, Apr 25 '21 at 12:40
That's a good site to view JSON data, but it doesn't validate it. Use https://jsonlint.com/ instead - I'm sorry for being pedantic, but it's good to know the difference between JSON and JS objects/arrays — evolutionxbox, Apr 25 '21 at 12:43
I get it now. I fixed my example. Thank you for showing me a way. — pneuma, Apr 25 '21 at 12:44
@evolutionxbox no problem, you're trying to help. you should feel good because I learned something. — pneuma, Apr 25 '21 at 12:46
So you want to loop through all the properties of an object (and its "children") and remove it if it is not `true` in the other object? — evolutionxbox, Apr 25 '21 at 13:48
@evolutionxbox Yes. I want to delete the ones that are not true by referring to my validation object. — pneuma, Apr 25 '21 at 14:00

Nur · Accepted Answer · 2021-04-25T15:29:07.190

Iterate by keys (compare) and add input values...

const input = { "name": "Example name", "company": { "name": "new company", "size": "FIVE", "licenseInfo": { "isActive": "0" } } }
const compare = { "name": true, "company": { "size": true, "licenseInfo": { "isActive": true } } }

function filter(input, compare) {
    const output = {};
    for (const key in compare)
        output[key] = typeof compare[key] == "object"
            ? filter(input[key], compare[key])
            : input[key];

    return output;
}
console.log(filter(input, compare));

Javascript json object how to move changed data to a new object

1 Answers1