将常规 json 转换为 d3.js 的flare.json？答案

【问题标题】：Convert regular json to flare.json for d3.js?将常规 json 转换为 d3.js 的flare.json？
【发布时间】：2013-05-04 00:16:20
【问题描述】：

我有一个这样的 json：

{
"a": {
    "x": {
        "y": {
            "a": {}, 
            "z": {}, 
            "b": {}
        }
    }, 
    "c": {}, 
    "b": {
        "c": {
            "d": {}
        }
    }, 
    "d": {}, 
     ...
    }
}

有没有快速的方法将其转换为flare.json格式？

像这样：

{
"name":"a",
"children":[
      {
      "name":"x",
      "children":
            {
              "name":"y",
              "children":[{"name":"a", "size":0},{"name":"z","size":0},{"name":"b","size":0}]

...
}

谢谢。

【问题讨论】：

@Neal 我确实想出了一些奇特的东西！看看我的回答！

标签： javascript regex json d3.js

【解决方案1】：

为此我想出了一系列的正则表达式转换。

 #replace-this      #with-this

  ^\s*"             \{"name":"
  : \{\},           \},
  : \{\}            \}
  ": \{$            ","children":\[
  ^\s*\},           \]\},
  ^\s*\}            \]\}              


 #in that order

只删除第一行和最后一行（应该是额外的 { 和 ]} ）

在应用这些正则表达式转换时，

这个：

{
"a": {
"x": {
    "y": {
        "a": {}, 
        "z": {}, 
        "b": {}
    }
}, 
"c": {}, 
"b": {
    "c": {
        "d": {}
    }
}, 
"d": {} 
}

}

会变成这样：

{
"name": "a",
"children": [{
    "name": "x",
    "children": [{
        "name": "y",
        "children": [{
            "name": "a"
        },
        {
            "name": "z"
        },
        {
            "name": "b"
        }]
    }]
},
{
    "name": "c"
},
{
    "name": "b",
    "children": [{
        "name": "c",
        "children": [{
            "name": "d"
        }]
    }]
},
{
    "name": "d"
}]
}

然后可以与一些 d3js 示例一起使用。

【讨论】：

【解决方案2】：

您将不得不编写自己的 JSON 或函数来动态更改 JSON。 Flare.json 只是遵循遵循 Mike Bostock 的 d3 文件的模式。

我会给你一个提示。您编写的架构似乎是（在伪代码中）

array("name":"a", "children":array("name":"x","children":array(.....

基本上，您需要创建一个多维数组才能获得所需的结果。不幸的是，我不知道你是如何获取数据的，所以我不能告诉你更多。如果使用 php 使用 json_encode 方法

echo json_encode($jsonArray)

或者在 javascript 中使用 json.stringify

var json = JSON.stringify($jsonArray)

为了让数组变成json。

【讨论】：

【解决方案3】：

您可以使用d3.nest()，但是此功能不会为您提供所需的大小，甚至 .在将数据发送到应用程序之前，您可能需要相应地格式化数据。

如果您想创建自定义函数，那么您可以查看this 的答案并迭代对象的键，因为它甚至不是数组。

【讨论】：