How to organize a nested JSON array object in JavaScript

Question

How to organize a nested JSON array object in JavaScript

var dataSource = ({
"Items": ({
    "Deserts": ({}),
    "Veg": ({
        "VegPulao": "Veg Pulao",
        "PalakPaneer": "Palak Paneer",
        "PaneerButterMasala": "Paneer Butter Masala"
    }),

    "Chicken": ({
        "Tandoori": "Tandoori special"
    }),
    "Hot drinks": ({
        "Coffe": ({ "Hot": "Hot Coffe", "Medium": "Medium", "Others": ({ "Iris": "Iris Coffe", "Capuccino": "Capuccino" }) }),
        "Tea": ({ "Red": "Red Tea", "Black": "Black Tea" }),
        "Hot BadamMilk": "Hot Badam Milk",
        "Hot Bornvita": "Hot Bornvita",
        "Hot Milk": "Hot Milk"
    }),
    "Juice": ({
        "Mango": "Mango",
        "Berry": "Berry",
        "Grapes": "Grapes",
        "Wine": ({
            "Rose": "Rose",
            "Red wine": "Red",
            "Apple": "Apple",
            "Hard drinks": ({
                "Royal challenge": "Royal challenge",
                "Blender's Pride": "Blender's Pride"
            })
        })
    })
})

});

If you want to organize a complex JSON object similar to the one provided above, we can help!

javascript arrays json sorting nested

Answer 1

Answer №1

If you haven't already figured it out,

function customSort(obj, newObj){
    Object.keys(obj).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).forEach(key=>{
        if(typeof obj[key] === 'object'){
            newObj[key] = {};
            newObj[key] = customSort(obj[key], newObj[key]);
        } else {
            newObj[key] = obj[key];
        }
    });
    return newObj;
}

JSON.stringify(customSort(dataCollection, {}));

This code snippet sorts the keys alphabetically in a case-insensitive manner.

Answer 2

If you haven't already figured it out,

function customSort(obj, newObj){
    Object.keys(obj).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).forEach(key=>{
        if(typeof obj[key] === 'object'){
            newObj[key] = {};
            newObj[key] = customSort(obj[key], newObj[key]);
        } else {
            newObj[key] = obj[key];
        }
    });
    return newObj;
}

JSON.stringify(customSort(dataCollection, {}));

This code snippet sorts the keys alphabetically in a case-insensitive manner.

How to organize a nested JSON array object in JavaScript

Answer №1

Similar questions

Rebalancing Rotation with Three.js

The initial item within the array is either null or empty within the Java programming language

Symfony2 encountering difficulties in locating file after deployment

Can one button be clicked to trigger the activation of another button through a click?

Despite Jackson's attempt to call the setter method, the field within the nested object persists

What could be causing my calculations to be inaccurate?

Enhancing the Value of BehaviorSubject with Object Assign in Angular using Typescript and RxJs

Adjust the field of view of the camera in ThreeJS

Troubleshooting Google Analytics on Localhost: Investigating Issues with Test Code

Storing JSON results in cache using Twitter Bootstrap Typeahead

In Node JS, the variable ID is unable to be accessed outside of the Mongoose

I'm trying to figure out how to resolve this issue in IE: SCRIPT1003: A colon is expected

Extract information from various files stored in Firestore

What is the best way to link a button to a form in Angular?

What's the best way to extract all the specific key values from a multidimensional array in PHP?

Utilize INNER JOIN combined with JSON to retrieve $numrows from the database

Determine if a div contains an svg element with JavaScript

What is the method for defining the maximum stack size in a node.js environment?

What is the process for javascript selecting a remote-data service?

Does MongoDB have a method to identify the presence of an element within an array?