javascript - 从 .getJson 多个 .each 循环存储多个对象

Question

我遇到了一个问题，我需要根据 URL 是否具有 ID-1 或​​ ID-2 等从 JSON 文件中获取并存储所有三个“house”和“exposure”。我将它们放在.each 循环，它正确地迭代 .JSON 监听 URL 中传递的正确参数。例如。 http://localhost/?houseblock=ID-1现在将仅加载 ID-1 内的 JSON。但我需要获取并存储以供以后使用所有三个“房屋”和“曝光”号码。

我对如何正确执行此操作有点不熟悉，我想告诉 .each 在一个循环后停止以获取“房子”和“曝光”，然后在第二个循环中为第二个“房子”再次执行此操作”和“曝光”。但事实似乎并非如此。

JSON jsonFile.json

{
   "ID-1":{
      "1-1":{
         "house":6,
         "exposure":1
      },
      "1-2":{
         "house":1,
         "exposure":3
      },
      "1-3":{
         "house":3,
         "exposure":2
      }
   },
   "ID-2":{
      "2-1":{
         "house":3,
         "exposure":2
      },
      "2-2":{
         "house":6,
         "exposure":5
      },
      "2-3":{
         "house":1,
         "exposure":1
      }
   }
}

JQUERY

$(document).ready(function()
{
    // -- Listen to URL Changes --//
    var urlListen;
    (window.onpopstate = function()
    {
        var match,
            pl = /\+/g, // Regex for replacing addition symbol with a space
            search = /([^&=]+)=?([^&]*)/g,
            decode = function(s)
            {
                return decodeURIComponent(s.replace(pl, "-"));
            },
            query = window.location.search.substring(1);
        urlListen = {};
        while (match = search.exec(query)) urlListen[decode(match[1])] = decode(match[2]);
    })();
    var retrieveAll = $.getJSON('jsonFile.json', function(data) {}).done(function(data)
    {
        $(data[urlListen["houseblock"]]).each(function(i, val)
        {
            $.each(val, function(j, b)
            {
                $.each(b, function(k, v)
                {
                    console.log(k + " : " + v);
                    if (k == "house")
                    {
                        houseObj = v;
                        houseObj2 = v;
                        houseObj3 = v;
                    }
                });
            });
        });
    }).fail(function(data)
    {
        console.log("error");
    }).always(function(data)
    {
        console.log("complete");
    });
    retrieveAll.complete(function(data)
    {
        init();
    });
});

function init()
{
    console.log(houseObj);
    console.log(houseObj2);
    console.log(houseObj3);
}

Answer 1

不完全确定这是否是您要查找的内容，但以下代码段将所有 house 和 exposure 值存储到它们自己的数组中。您不需要使用 $.each；使用 Javascript 的原生 map 更简单。

根据您发布的代码，我假设您可以将逻辑组件抽象为函数 getCurrentHouseBlockID (或类似的函数)。

var id = getCurrentHouseBlockID();  // 'ID-1'
var dataForID = Object.keys(jsonData[id]);  // ['1-1', '1-2', '1-3']
var houseNums = dataForID.map(function getHouseNum(key) {
    return dataForID[key].house;
});
var exposureNums = dataForID.map(function getExposureNum(key) {
    return dataForID[key].exposure;
});