How to parse multilevel json using Javascript/Jquery

Question

I am very new to JSON, stuck in parsing multi level JSON array, I want to parse it using javascript or jquery. From the JSON I want to get application id, application description & Product description

[
    {
        "roadMapData": [
            {
                "applicationDetail": [
                    {
                        "applicationDescr": "R25updated-R25updated",
                        "applicationId": 352
                    }
                ]
            },
            {
                "productSubGrupDetail": [
                    {
                        "productGroupId": 271,
                        "productSubGroupDes": "TEST123-TEST1234"
                    }
                ]
            },
            {
                "productSubGrupDetail": [
                    {
                        "productGroupId": 278,
                        "productSubGroupDes": "ggg-hhhh"
                    }
                ]
            }
        ]
    },
    {
        "roadMapData": [
            {
                "applicationDetail": [
                    {
                        "applicationDescr": "R25updated-R25updated",
                        "applicationId": 352
                    }
                ]
            },
            {
                "productSubGrupDetail": [
                    {
                        "productGroupId": 271,
                        "productSubGroupDes": "TEST123-TEST1234"
                    }
                ]
            },
            {
                "productSubGrupDetail": [
                    {
                        "productGroupId": 278,
                        "productSubGroupDes": "ggg-hhhh1"
                    }
                ]
            }
        ]
    }
]

Thanks in advance :)

Javascript Multi-level array of JSON objects - how to access key-value pair in second level or higher will help you — Satpal
– Satpal, Commented Apr 27, 2014 at 12:17

VenomVendor · Accepted Answer · 2014-04-27 13:02:19Z

3

Here is the Demo

Check jQuery.parseJSON

var jsonObj = jQuery.parseJSON(jsonString);
for (i = 0; i < jsonObj.length; i++) {
    var roadMapData = jsonObj[i].roadMapData;
    var applicationDetail = roadMapData[0].applicationDetail; //First Object
    var productSubGrupDetail1 = roadMapData[1].productSubGrupDetail; //Second Object
    var productSubGrupDetail2 = roadMapData[2].productSubGrupDetail; //Third Object
    console.log(applicationDetail[0].applicationDescr); //applicationDetail's First Object
    console.log(productSubGrupDetail1[0].productGroupId); //productSubGrupDetail1's First Object
    console.log(productSubGrupDetail2[0].productSubGroupDes); //productSubGrupDetail2's First Object
}

answered Apr 27, 2014 at 13:02

VenomVendor

15.5k13 gold badges70 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Roman Liutikov · Accepted Answer · 2014-04-27 12:29:08Z

1

If data initially presented in JSON (as a string), you need first parse it into JavaScript object with JSON.parse(json). Then you can access any property with object dot notation. If you are not familiar with objects in JavaScript, check this article.

answered Apr 27, 2014 at 12:29

Roman Liutikov

1,3481 gold badge10 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to parse multilevel json using Javascript/Jquery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related