javascript - 我如何在 JavaScript 中表示以下菜单结构？

Question

Soccer
  Australia
    Melbourne
    Sydney
  New Zealand
    Christchurch
Tennis
  United Kingdom
    Kensington
    London
    Manchester

我尝试过多维数组，但由于长度不同，它变得很尴尬。我还尝试过键/值对，但是我再次遇到了困难，因为在某种程度上只有值而没有键。我尝试用视觉方式来表示层次结构。澄清一下悉尼是澳大利亚的 child 。澳大利亚是足球的 child 。足球是网球等运动的兄弟运动。

编辑:我正在寻找一种不需要任何实际数据知识的解决方案。换句话说，我可以用“棒球”替换“足球”，并且一个仅打印出数据结构的简单算法不应破坏。

Answer 1

在 JSON 中:

{
    "Soccer": {
        "Australia": [
            "Melbourne",
            "Sydney"
        ],
        "NewZealand": [
            "Christchurch"
        ]
    },
    "Tennis": {
        "UnitedKingdom": [
            "Kensington",
            "London",
            "Manchester"
        ]
    }
}

这是数据循环:

for ( sport in data ) {
    // print sport here
    countries =  data[sport];    
    for ( country in countries ) {
        // print country here
        cities = countries[country];
        for (var i = 0; i < cities.length; i++) {
            // print city here
        };
    };
};​

可以在 jsFiddle 上看到:http://jsfiddle.net/2p6g3/18/