JavaScript 数据结构捕获一对值作为键及其值

Question

我有级联过滤器下拉菜单、国家下拉菜单和州下拉菜单。 做出选择后，我需要将用户重定向到相应的页面。 例如。

    {
      USA + Texas : Texas URL,
      Germany + Berlin: Berlin URL
    } 

我可以做到，但这没有任何意义。我需要选择的值对作为键。

{
 Texas URL: ["USA", "Texas"],
 Berlin URL: ["German", "Berlin"]
}

我需要创建一种类似于对象映射或哈希表的数据结构来捕获这些数据。

有人可以就如何最好地创建此数据结构给我建议吗？ 到目前为止，这是我的代码:

https://jsbin.com/tarapijumi/3/edit?html,js,output

Answer 1

您可以使用嵌套对象并将州和城市作为访问器

target = {
    USA: {
        California: 'http://example.com/usa/california',
        Texas: 'http://example.com/germany/texas'
    },
    Germany: {
        Frankfurt: 'http://example.com/germany/frankfurt',
        Berlin: 'http://example.com/germany/berlin'
    }
}

用数组访问，比如

href = [country, state].reduce((r, k) => (r || {})[k], target)