如何基於變量遍歷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
}