d3.js从文件中解析类似JSON的数据

Question

我正在努力从JSON文件读取数据。

我要读取的JSON文件具有以下结构：

{"name":"Andy Hunt",
  "title":"Big Boss",
  "age": 68,
  "bonus": true
}
{"name":"Charles Mack",
  "title":"Jr Dev",
  "age":24,
  "bonus": false
}

但是，据我了解，d3.js只能解析具有以下结构的JSON数组：

[
 {"name":"Andy Hunt",
  "title":"Big Boss",
  "age": 68,
  "bonus": true
 },
 {"name":"Charles Mack",
  "title":"Jr Dev",
  "age":24,
  "bonus": false
 }
]

我正在使用此代码段尝试显示第一个数据对象，以查看其是否有效：

d3.json("/data/sample_data.json", function(data) {
  console.log(data[0]);
});

这适用于第二个JSON结构，但不适用于第一个JSON结构。

现在我的问题是：是否可以通过d3.js读取数据？ 还是我必须编写一个程序，将整个JSON文件重新格式化为JSON数组？

编辑：原来我要使用的数据被格式化为NDJSON。 因此，除了将其解析为文本并按照@Mark解释的方式重新格式化外，目前无法使用d3.js本地读取数据。

Answer 1

正如@Shashank指出的那样，您的JSON完全无效。 这与d3无关，而与JavaScript和可接受的JSON格式无关。 那么，我们该如何解决呢？ 您可以在d3 / javascript本身中完成此操作，而不需要预处理文件。

// how many lines of JSON make an object?
var chunks = 5,
    data = [];
//download file as TEXT
d3.text("data.txt", function(error, text) {
  if (error) throw error;
  // split on new line
  var txt = text.split("\n");
  // iterate it
  for (var i = 0; i < txt.length; i += chunks) {
    var block = "";
    // grab blocks of 5 lines
    for (var j = 0; j < chunks; j++ ){
      block += txt[i+j];
    }
    // parse as JSON and push into data ARRAY
    data.push(JSON.parse(block));
  }
  console.log(data);
});

在这里，它运行在一个塞子上 。

Answer 2

您尝试读取的JSON文件格式不正确。 JSON （按照标准）可以是名称/值对（即对象）或对象列表（即对象数组）的集合。 引用此： http : //json.org/

1. 如果您的JSON文件包含以下数据（请注意格式-一个对象）：

    { "name":"Andy Hunt", "title":"Big Boss", "age": 68, "bonus": true, "value": 500 } 

   d3.json将提供以下结果：

    => {name: "Andy Hunt", title: "Big Boss", age: 68, bonus: true, value: 500} 

2. 您已经使用数组结构进行了尝试。

我建议您将JSON文件更改为对象数组。 希望这可以解决。