Javascript循環和訪問嵌套對象並創建選擇下拉列表和對象列表

Question

我有此javascript對象data通過。 我想為“對象一”和“對象二”創建一個選擇下拉列表，並像這樣顯示DOM上的列表：VW，Red，GTI，2018等，並將它們分組在“對象一”或“對象”下二”，因此可以通過選擇下拉菜單相應地顯示它。

但是，由於遞歸的緣故，我只是很難循環和訪問它們。 我是很新的Javascript。

var data =
{
    "object": {"object": "sometext"},
    "group": {
        "Object One": {
            "VW": {            
              "color":"red",
              "model":"GTI",
              "year":"2018"
            },
            "Audi": {
                "color":"black",
                "model":"Q5",
                "year":"2017"
            }
        },
        "Object Two": {
            "Toyota": {
                "color":"silver",
                "model":"Fit",
                "year":"2017"
            },
            "Nissan": {
                "color":"Red",
                "model":"Cube",
                "year":"2018"
            }
        }
    }
};

---

Output should be:
[Object One] -- Shows the lists below accordingly

//Lists for Object One//
VW   red    GTI    2018
Audi black  Q5     2017

Answer 1

我希望這有幫助。 請清除垃圾代碼。

 const data = { "object": {"object": "sometext"}, "group": { "Object One": { "VW": { "color":"red", "model":"GTI", "year":"2018" }, "Audi": { "color":"black", "model":"Q5", "year":"2017" } }, "Object Two": { "Toyota": { "color":"silver", "model":"Fit", "year":"2017" }, "Nissan": { "color":"Red", "model":"Cube", "year":"2018" } } } }; function transferData(data) { let string = ''; Object.keys(data.group).forEach(groupName => { string += `[${groupName}] -- Shows the lists below accordingly\\n`; Object.keys(data.group[groupName]).forEach(brand => { string += `${brand} ${data.group[groupName][brand].color} ${data.group[groupName][brand].model} ${data.group[groupName][brand].year} \\n` }); }); return string; } console.log(transferData(data));