JSFiddle - React, Tailwind, and code Playground

by Optimix

JavaScript

var jsonString = '[{"roadMapData":[{"applicationDetail":[{"applicationDescr":"R25updated-eeeeeee","applicationId":352}]},{"productSubGrupDetail":[{"productGroupId":271,"productSubGroupDes":"TEST123-ttttt"}]},{"productSubGrupDetail":[{"productGroupId":278,"productSubGroupDes":"ggg-yyyy"}]}]},{"roadMapData":[{"applicationDetail":[{"applicationDescr":"R25updated-26pppppp","applicationId":353}]},{"productSubGrupDetail":[{"productGroupId":255,"productSubGroupDes":"TEST123-555555"}]},{"productSubGrupDetail":[{"productGroupId":600,"productSubGroupDes":"ggg-xxxx"}]}]}]';

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
}