Question

我在这个网站上看了很多关于这个问题的话题，但我似乎无法找到一个可以理解的解决方案。

我有一种情况，我想用多维（JSON？）数组中的选项填充三个选择框，其关系如下：

Country > Region > City

每个国家/地区都有多个地区，每个地区都有多个城市

我想到了这样的事情


var destination = {
    'country' : 'Germany',
    'area' : [{
        'Beieren' : [{
            'city' : [{
                '0' : 'Mitwitz'
            }],
        }],
        'Beieren Beierse Woud' : [{
            'city' : [{
                '0' : 'St. Englmar', 
                '1' : 'Waldmünchen', 
                '2' : 'Arrach'
            }],
        }],
    }],
};

但显然这不是要走的路，因为destination.country给了我最后一次出现的国家（在这种情况下是德国），但后来我卡住了。

我可能在制作数据阵列的某个地方转了一圈，但我不知道如何重回正轨。

任何帮助将不胜感激！

修改

在一些帮助下我得到了这样的工作：

var destination = [
    {
        'country': 'Germany',
        'area': [
            {
                'name': 'Beieren',
                'cities': [
                    'Mitwitz'
                ],
            }, 
            {
                'name': 'Beieren Beierse Woud',
                'cities': [
                    'St. Englmar', 
                    'Waldmünchen', 
                    'Arrach'
                ],
            }
        ]
    }
];

console.log(destination[0].area[1].cities[1]);

Answer 1

var destination = [
    {
        'country': 'Germany',
        'area': [
            {
                'name': 'Beieren',
                'cities': [
                    'Mitwitz'
                ],
            }, 
            {
                'name': 'Beieren Beierse Woud',
                'cities': [
                    'St. Englmar', 
                    'Waldmünchen', 
                    'Arrach'
                ],
            }
        ]
    }
];

console.log(destination[0].area[1].cities[1]);

创建并迭代三维JSON对象

1 个答案: