javascript - 如何在 Javascript 中使用 JSON 文件作为对象数组

Question

我有一个 Javascript 代码，它使用对象数组:

var words = [{"text":"This", "url":"http://google.com/"},
         {"text":"is", "url":"http://bing.com/"},
         {"text":"some", "url":"http://somewhere.com/"},
         {"text":"random", "url":"http://random.org/"},
         {"text":"text", "url":"http://text.com/"},
         {"text":"InCoMobi", "url":"http://incomobi.com/"},
         {"text":"Yahoo", "url":"http://yahoo.com/"}]

然后我在其余代码中使用words，一切正常。

然后我将数据存储在 JSON 文件中，我们将该文件称为“myfile.json”，其内容为:

{
"words": [
{"text":"This", "url":"http://google.com/"},
{"text":"is", "url":"http://bing.com/"},
{"text":"random", "url":"http://random.org/"},
{"text":"some", "url":"http://somewhere.com/"},
{"text":"text", "url":"http://text.com/"},
{"text":"InCoMobi", "url":"http://incomobi.com/"},
{"text":"Yahoo", "url":"http://yahoo.com/"}
]
}

我使用d3.json加载此文件:

d3.json("myfile.json", function(words) {
    console.log(words);  //Log output to console
});

然后我像以前一样使用words，现在我的代码不起作用!两者之间有什么区别？如何修复加载文件的第二种方法？

Answer 1

两者之间的区别在于，第一个是数组，而第二个是具有一个属性 words 的对象，其中包含第一个示例中的对象数组。

要将第二个转换为与第一个相同的内容，只需执行以下操作:

d3.json("myfile.json", function(words) {

    words = words.words;
    console.log(words);  //Log output to console
});