gpt4 book ai didi

javascript - 如何使用 D3 javascript 遍历 JSON 文件中的数据

转载 作者:行者123 更新时间:2023-11-29 19:45:34 25 4
gpt4 key购买 nike

我正在尝试使用 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 和 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com