Arrays 创建并迭代三维JSON对象

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

我想用多维（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

给了我最后一次出现的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]);

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]);