javascript - 如何使用 D3 javascript 迭代 JSON 文件中的数据

标签 javascript jquery json d3.js

我正在尝试使用 D3 Javascript 迭代并检索 JSON 文件中的一些数据。
这是 JSON 文件:

{
    "Resources": 
    [
    {
        "subject": "Node 1",
        "group" : "1"
    }, 
    {
        "predicate": "Node 2",
        "group" : "2"
    }, 
    {
        "object": "Node 3",
        "group" : "3"
    }, 
    {
        "subject": "Node 4",
        "group" : "4"
    }, 
    {
        "predicate": "Node 5",
        "group" : "5"
    }, 
    {
        "object": "Node 6",
        "group" : "6"
    }
    ]
}

这是我在 D3 Javascript 中用于迭代和检索数据的代码:

d3.json("folder/sample.json", function(error, graph) {

  document.write(graph.Resources[0].subject);
  // The code for retrieving all the elements from the JSON file
});

上面的代码检索第一个主题:Node 1 。我什至无法检索 group .
谁能帮我遍历 JSON 文件 Resources并检索元素:subject, predicate, object and group ,使用任何类型的迭代,例如 for环形。

最佳答案

JSON 文件中的组行应类似于 "group": "2"。此外,您的 JSON 包含单个对象 (Resources);这就是为什么您的 document.write 只被调用一次。您需要迭代 Resources 的值:

d3.json("test.json", function(error, graph) {
    var resources = graph.Resources;
    for (var i = 0; i < resources.length; i++) {
        var obj = resources[i]
        for (var key in obj) {
            console.log(key+"="+obj[key]);
        }   
    }   
});

会得到你

subject=Node 1
group=1
...

关于javascript - 如何使用 D3 javascript 迭代 JSON 文件中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20005059/

相关文章:

javascript - 单击链接后发送表格

json - Bash sqlite3 行 |如何转换成JSON格式

javascript - 使用闭包编译器缩小包含 Jinja2 表达式的 JavaScript 代码

javascript - 如何按首字母对列表进行分组?

javascript - setState 新数据放入数组

java - 如何使用 Java 解码/解密 MD5 加密

javascript - 加载 Ripple 时,phonegap ondevice 未首次触发

javascript - 将本地文本文件中的文本显示到 div 中? (没有网络服务器)

jquery - 将 onclick 属性值保存到变量中然后执行

javascript - 通过 JavaScript 中的 JSON 通过 Mandrill 发送电子邮件