在JavaScript中遍歷JSON對象？

Question

下面是我的代碼。 請幫助我循環瀏覽。 我想循環播放完整的JSON並進行一些驗證，但是我無法循環通過它。 我是第一次這樣做，如果any1可以幫助我，那就太好了。

有什么辦法可以過濾JSON對象。 例如，我要搜索audit1的asgn值。 filter可以是動態的，就像可以是audit1或audit11。 我也想知道如何將上述json轉換為數組。 這將使我的搜索變得容易（如果無法通過直接JSON搜索進行搜索）。

function fnMultiRowValidation(){
      var vStatus = 5,
          vJson = '{"tpaCo":[{"name":"Audit Company1",\
                             "aud":[{"name":"auditor1","asgn":"1","fnds":"1","lead":"1"},\
                                    {"name":"auditor2","asgn":"1","fnds":"0","lead":"1"},\
                                    {"name":"auditor3","asgn":"0","fnds":"1","lead":"0"},\
                                    {"name":"auditor4","asgn":"1","fnds":"1","lead":"0"},\
                                    {"name":"auditor5","asgn":"1","fnds":"1","lead":"0"},\
                                    {"name":"auditor6","asgn":"0","fnds":"1","lead":"0"},\
                                    {"name":"auditor7","asgn":"1","fnds":"1","lead":"0"},\
                                    {"name":"auditor8","asgn":"1","fnds":"1","lead":"0"},\
                                    {"name":"auditor9","asgn":"0","fnds":"1","lead":"0"},\
                                    {"name":"auditor10","asgn":"1","fnds":"1","lead":"0"},\
                                    {"name":"auditor11","asgn":"1","fnds":"1","lead":"0"}]},\
                            {"name":"Audit Company2",\
                             "aud":[{"name":"auditor3","asgn":"1","fnds":"1","lead":"1"},\
                                    {"name":"auditor4","asgn":"1","fnds":"1","lead":"0"}\
                                   ]\
                            }\
                          ]}';
          var vObj =  JSON.parse(vJson);


      for (var i=0;i<vObj.tpaCo.length;i++){
        $.each(vObj.tpaCo[i], function(key, value) { 
              console.log(key +':'+ value);
              if(typeof(value)=='object'){
                 //console.log('Auditor length:'+vObj.tpaCo.value.length);
              }
        });  
      }
    }

Answer 1

 vObj.tpaCo.value.length 

將無法正常工作。 您必須使用vObj.tpaCo[key].length或value.length 。 對於初學者，您不應在each迭代中都混入本機for循環。

使用for和for-in循環：

for (var i=0; i<vObj.tpaCo.length; i++) { // iterate through outer array
    for (var key in vObj.tpaCo[i]) { // enumerate item keys
         console.log(key +':'+ vObj.tpaCo[i][key]); // logs "name" and "aud"
    }
    console.log('Auditor length:'+vObj.tpaCo[i].aud.length);
    for (var j=0; j<vObj.tpaCo[i].aud.length; j++) { // iterate "aud" array
        console.log(vObj.tpaCo[i].aud[j].name);
    }
}

通過使用變量簡化：

var tpacos = vObj.tpaCo;
for (var i=0; i<tpacos.length; i++) {
    var comp = tpacos[i];
    for (var key in comp) {
         var value = comp[key];
         console.log(key +':'+ value);
    }
    var auds = comp.aud;
    console.log('Auditor length:'+auds.length);
    for (var j=0; j<auds.length; j++) {
        var aud = auds[j];
        console.log(aud.name);
    }
}

現在使用Array forEach方法 ：

vObj.tpaCo.forEach(function(comp, i) {
    for (var key in comp) {
         var value = comp[key];
         console.log(key +':'+ value);
    }
    console.log('Auditor length:'+comp.aud.length);
    comp.aud.forEach(function(aud, j) {
        console.log(aud.name);
    });
});

和jQuery的each ：

$.each(vObj.tpaCo, function(i, comp) {
    $.each(comp, function(key, value) {
        console.log(key +':'+ value);
    });
    console.log('Auditor length:'+comp.aud.length);
    $.each(comp.aud, function(j, aud) {
        console.log(aud.name);
    });
});

Answer 2

您的代碼應該像這樣

$.each(vObj.tpaCo, function(key, value) { 
          console.log(key +':'+ value);
          if(typeof(value)=='object'){
             //console.log('Auditor length:'+vObj.tpaCo.value.length);
          }
});

希望能幫助到你.....

Answer 3

  function fnMultiRowValidation(){
  var vStatus = 5,
      vJson = '{"tpaCo":[{"name":"Audit Company1",\
                         "aud":[{"name":"auditor1","asgn":"1","fnds":"1","lead":"1"},\
                                {"name":"auditor2","asgn":"1","fnds":"0","lead":"1"},\
                                {"name":"auditor3","asgn":"0","fnds":"1","lead":"0"},\
                                {"name":"auditor4","asgn":"1","fnds":"1","lead":"0"},\
                                {"name":"auditor5","asgn":"1","fnds":"1","lead":"0"},\
                                {"name":"auditor6","asgn":"0","fnds":"1","lead":"0"},\
                                {"name":"auditor7","asgn":"1","fnds":"1","lead":"0"},\
                                {"name":"auditor8","asgn":"1","fnds":"1","lead":"0"},\
                                {"name":"auditor9","asgn":"0","fnds":"1","lead":"0"},\
                                {"name":"auditor10","asgn":"1","fnds":"1","lead":"0"},\
                                {"name":"auditor11","asgn":"1","fnds":"1","lead":"0"}]},\
                        {"name":"Audit Company2",\
                         "aud":[{"name":"auditor3","asgn":"1","fnds":"1","lead":"1"},\
                                {"name":"auditor4","asgn":"1","fnds":"1","lead":"0"}\
                               ]\
                        }\
                      ]}';
      var vObj =  JSON.parse(vJson);


    $.each(vObj.tpaCo, function(key, value) { 
          console.log(value.name);
    });  
}

刪除循環。 使用此腳本

要獲取aud元素，您需要在當前循環中具有$ .each函數

Answer 4

我很確定您可以擺脫for循環，而只需使用

$.each( vObk.tpaCo, function(key, value) {
  console.log(key + ':' + value);
  //... do stuff with value ...
})

Answer 5

$.each(vObj.tpaCo, function(key, value) { 
              console.log(value.name+" ")
              for(i=0; i<value.aud.length; i++)
              console.log(value.aud[i]);
        }); 

或者如果您不知道名字

       $.each(vObj, function(key, value){
        $.each(value, function(key, value){
            for(val in value)
                  if(typeof val == 'string')
                    console.log(value[val]
                  else 
                  for(i=0; i<value[val].length ; i++)
                    console.log(value[val][i]);

        });
    });

http://jsfiddle.net/GxER7/