使用javascript将json转换为树结构，客户端

我想将使用get请求收集的以下json代码转换为树状结构

"rules": [{
  "name": "Rule1",
  "isFirst": true,

  "conditions": [{
    "outcomeTrue": {
      "GoToRule": "Rule2"
    },
    "outcomeFalse": {
      "ChangeStatus": {
        "GoToRule": "26"
      }
    },
    "outcomeError": {
      "ChangeStatus": {
        "GoToRule": "27"
      }
    },
  }],
},{
  "name": "Rule2",
  "isFirst": false,
  "conditions": [{
    "name": "history check idNumber",
    "outcomeTrue": {
        "GoToRule": "27"
    },
    "outcomeFalse": {
      "GoToRule": "Rule3"
    },
    "outcomeError": {
      "GoToRule": "26"
    },

  }],
}]

像这样的事情。就像这样的普通图：

看一看

编辑：另一个例子：（使用对象数组）

看看

编辑：另一个例子：（使用对象数组）

看看

编辑：另一个例子：（使用对象数组）

看看

---

---

编辑：另一个示例：（使用对象数组）

Ok。美好的伟大的你尝试了什么？我是javascript新手。我只想知道javascript中的库可以帮助我完成任务。我用java编写了这段代码来转换它，但后来我发现我只能在客户端工作（任何可以在浏览器上运行的代码）。现在我必须在客户端完成，我甚至无法开始。我只想稍微推一下。@Billa如果我的回答对你有帮助，请将其标记为已接受。好的。美好的伟大的你尝试了什么？我是javascript新手。我只想知道javascript中的库可以帮助我完成任务。我用java编写了这段代码来转换它，但后来我发现我只能在客户端工作（任何可以在浏览器上运行的代码）。现在我必须在客户端完成，我甚至无法开始。我只想稍微推一下。@Billa如果我的回答对你有帮助，请将其标记为已接受。好的。美好的伟大的你尝试了什么？我是javascript新手。我只想知道javascript中的库可以帮助我完成任务。我用java编写了这段代码来转换它，但后来我发现我只能在客户端工作（任何可以在浏览器上运行的代码）。现在我必须在客户端完成，我甚至无法开始。我只想稍微推一下。@Billa如果我的回答对你有帮助，请将其标记为已接受。好的。美好的伟大的你尝试了什么？我是javascript新手。我只想知道javascript中的库可以帮助我完成任务。我用java编写了这段代码来转换它，但后来我发现我只能在客户端工作（任何可以在浏览器上运行的代码）。现在我必须在客户端完成，我甚至无法开始。我只想轻轻推一下。@Billa如果我的回答对您有帮助，请将其标记为已接受。哦，好吧，那么您认为我应该使用jquery解析我的json，将其转换为对象，然后使用d3.js库生成树结构？不。只需输入json即可。仔细检查示例。：）哦，好吧，那么你认为我应该使用jquery解析json，将其转换为对象，然后使用d3.js库生成树结构？不，只需输入json即可。仔细检查示例。：）哦，好吧，那么你认为我应该使用jquery解析json，将其转换为对象，然后使用d3.js库生成树结构？不，只需输入json即可。仔细检查示例。：）哦，好吧，那么你认为我应该使用jquery解析json，将其转换为对象，然后使用d3.js库生成树结构？不，只需输入json即可。仔细检查示例。：）