如何创建和使用动态分层JSON？

Question

我在d3.js中制作了一个使用分层数据的图表。它将是交互式的，因此您可以添加数据值，子项等。我的问题很简单：有没有一种方法可以在浏览器中动态使用JSON，即编辑层次结构并从中添加/删除数据。如果没有，我可以使用任何替代方案吗？

提前致谢！

Answer 1

不确定这是否有帮助，但JSON只不过是一个普通的JS对象，您可以使用

定义

var foo = {
   name: "foo"
   type: "bar"
   children: [{}, {}]
}

如果你有一个代表JSON的字符串，你可以解析它：

var json = '{"name":"foo","type":"bar",children: [{}, {}]}',
obj = JSON.parse(json);

您可以通过普通的javascript添加/删除数据。您可以在此处找到有关此内容的更多信息：http://www.json.org/js.html

Answer 2

使用 JSON.parse 将您的JSON转换为对象（您可能需要JSON2库进行polyfill），根据需要进行修改，以及何时需要JSON（例如发送它）返回服务器），使用 JSON.stringify

将其重新转换为字符串