Javascript 使用json在html中构建树结构

我正在尝试用html构建一个动态树结构。我从数据库中得到嵌套json格式的结果

我无法正确读取json数据。它的格式是

[ { keys_1 : { keys_2 : [ array ] } } ]

在树结构中，键_1是父项， 键2为子项，数组项为大子项

如何访问这个json数据，这样我就可以读取父键、关联的子键，然后再读取外子键

我试过这样做，但做不到：

for (var i = 0; i < response.length; i++) {
    var level_1 = (JSON.stringify((Object.keys(response[i]))[0])).replace(/"/g, "");
    for (var j = 0; j < response[i].length; j++) {
        console.log("yes");
    }
}

for（变量i=0；i

甚至，我也不知道如何输入具有不同键值的嵌套json。 -所有的钥匙都不一样。 -钥匙可能有/可能没有子项，子项也一样

---

如何以这种方式读取json数据，使其首先读取一个父级子级，然后再读取孙子级？

您可以使用嵌套方法，因为您具有以下结构：

• 数组：迭代
• 对象：获取用于迭代的键
• 对象：获取用于迭代的键
• 数组：迭代

var数据=[{1000:{110:[“10000110008”、“10000110005”、“10000110004”、“10000110003”、“10000110001”、“10000110009”]、100:[“100001000001”、“100001000002”、“100001000019”、“1000100018”、“1000100017”、“1000015”、“10001000014”、“1000013”、“1000003”、“1000004”、“1000006”、“1000007”、“100001000008”、“100001000009”、“1000011”}、{1020:{ 102: ["1020102001"] } }];
data.forEach（函数（o）{
Object.keys（o）.forEach（函数（k）{
Object.keys（o[k]）.forEach（函数（l）{
o[k][l].forEach（函数（v）{
控制台日志（k、l、v）；
});
});
});
})；

---

.as console wrapper{max height:100%！important；top:0；}

如何将该数据样本向下扩展到更小的样本…刚好足以创建一个。同时提供预期结果的样本