如何基于变量遍历JSON数组？

Question

我已经遍历了我的第一个JSON字符串，它为我提供了一个显示在div中的变量值（“ lstr”）。 基于此第一个值，我想遍历第二个JSON字符串以填充一个下拉框。 变量值“ lstr”与jsonString2中的“ name”对象匹配：

//resultItems.push("After");
         var lstr = "";

         for (var j = 2; j < resultItems.length; j++) {
             lstr = lstr + resultItems[j] + "";

         }
         dom.byId("info").innerHTML = lstr;

     });

jsonString2：

var jsonString2 = 

{
    "Toplevel": {
        "name": "Blue",
        "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",
        },
        "name": "Green",
        "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",

        },
        "name": "Yellow",
        "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",

        }
    }
}

取决于“ lstr”值是蓝色，绿色还是黄色，然后将用1,2,3对象及其相关的url值填充下拉框。 我希望这是有道理的？ 任何帮助都会好吗？

Answer 1

就像评论中所说的那样，您需要重构第二个JSON对象（jsonString2）如下所示：

    var jsonString2 = 

{
    "Toplevel": {
      "Blue": {
         "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",
          }
        },
        "Green" : {
           "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",
           }
         },
        "Yellow" : {
          "service": {
            "1": "a url",
            "2": "a url",
            "3": "a url",
          }
        }
    }
}

那你可以用

for (var key in jsonStrng2[lstr].service){
 //add code to update dropdown here for each service
}