如何使用从同一文件获得的文字访问JSON文件中的对象属性

Question

我正在尝试根据JSON文件中的数据使用d3创建堆积的条形图。 每个酒吧在特定月份都会有平局，亏损和获胜。

JSON文件：

{
    "name": "FHS",
    "points": 3000,
    "ties": 3,
    "losses": 19,
    "wins": 50,
    "games": {
        "2010-09": { "ties": 1, "losses": 2, "wins": 16 },
        "2010-10": { "ties": 2, "losses": 5, "wins": 13 },
        "2010-11": { "ties": 0, "losses": 12, "wins": 21 }
    }
}

我已经使用d3.json功能很好地使用了一些数据。 例如：

d3.json("data.json",function(error,data)
    {
        alert(data.name);
        alert(data.points);
        // etc.
    });

但是，这里变得有趣了（仅供参考，我正在使用下划线库来获取“游戏”的每个属性...也许这是我出问题的地方了？）。 如果我尝试以下操作：

_.keys(data.games).forEach(function(d)
    {
        alert(d);
    });

我在三个不同的警报框中得到2010-09、2010-10、2010-11 ...完美！ 但是，如果我尝试以下操作：

_.keys(data.games).forEach(function(d)
    {
        alert(d.ties);
    });

我不确定：/实际上，我看到的另一个问题是

alert(data.games.2010-09.ties);

应该可以工作（如果属性名称不是以整数开头或带有连字符...），但不会因为文字格式（“ 2010-09”）而导致...所以，我的主要问题是如何动态访问嵌套对象的属性，使生成图表变得简单。 我已尝试包含足够的上下文，但是如果您需要更多信息，请告诉我。 提前致谢！

Answer 1

您在警报框中未定义，因为此函数内的d是字符串–“ 2010-09”，“ 2010-10”，“ 2010-11”等–因为您要遍历由返回的字符串数组_.keys(data.games) 。

因此， alert(d.ties)就像调用alert("2010-09".ties) ，这是未定义的。

但是，基于拉尔斯的解释，

_.keys(data.games).forEach(function(d)
{
    alert(data.games[d].ties);
});

是如何获取数据的。

PS console.log(data.games[d].ties)是调试JavaScript的更可靠的方法（因此通常是首选方法）。

Answer 2

您可以将键括在[""]以访问值，即alert(data.games["2010-09"].ties); 将工作。 您可能还对使用键值结构的d3函数感兴趣； 请参阅文档 。