jquery - 在jquery中循环嵌套json

Question

我有嵌套的 json 如下。我需要迭代 json 并且必须获取每个值。

{
    "processDefId": "xyz",
    "name": "name",
    "sla": "10",
    "hasChild": true,
    "child": [
        {
            "activityDefId": "siteSurveyDef",
            "activityName": "Site Survey",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                },
                {
                    "activityDefId": "Site Survey2",
                    "activityName": "Site Survey2",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        },
        {
            "activityDefId": "siteSurvey",
            "activityName": "Procurement",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin"
                },
                {
                    "activityDefId": "Site Survey",
                    "activityName": "Site Survey3",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        },
        {
            "activityDefId": "siteSurvey",
            "activityName": "Provisioning",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin"
                },
                {
                    "activityDefId": "Site Survey",
                    "activityName": "Site Survey4",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        }
    ]
}

我尝试像这样循环:

$.each(hiddenJson, function() {
    $.each(this, function(name, value) {
        //var sla = me.sla;//use `this` from outer scope
        //alert(sla);
        console.log(name + '=' + value);

    });  
});

我没有正确获得值(value)。有人可以建议吗？

Answer 1

好的递归你可以做到，

var j = {
    "processDefId": "xyz",
    "name": "name",
    "sla": "10",
    "hasChild": true,
    "child": [
        {
            "activityDefId": "siteSurveyDef",
            "activityName": "Site Survey",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                },
                {
                    "activityDefId": "Site Survey2",
                    "activityName": "Site Survey2",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        },
        {
            "activityDefId": "siteSurvey",
            "activityName": "Procurement",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin"
                },
                {
                    "activityDefId": "Site Survey",
                    "activityName": "Site Survey3",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        },
        {
            "activityDefId": "siteSurvey",
            "activityName": "Provisioning",
            "isMandatory": "true",
            "isOptional": "false",
            "sla": "10",
            "sequence": "1",
            "hasChild": true,
            "child": [
                {
                    "activityDefId": "Begin",
                    "activityName": "Begin"
                },
                {
                    "activityDefId": "Site Survey",
                    "activityName": "Site Survey4",
                    "isMandatory": "true",
                    "isOptional": "false",
                    "sla": "10",
                    "sequence": "1",
                    "hasChild": true
                }
            ]
        }
    ]
};

function recursiveDecode(obj){

  $.each(obj, function(n, v) {

    if(typeof v === 'object'){
      recursiveDecode(v);
    }  
    else{
      console.log(n +'='+v);
    }

  });

};

recursiveDecode(j);