混合了文字和数组的 Javascript 数组

Question

我可以创建以下内容并使用它来引用

area[0].states[0] 
area[0].cities[0]

var area = [
        {
         "State"   : "Texas",
         "Cities"  : ['Austin','Dallas','San Antonio']
        },
        {
         "State"   :"Arkansas",
         "Cities"  : ['Little Rock','Texarkana','Hot Springs']
        }
       ] ;

如果我知道州的名称，我该如何重组“区域”，以便在引用中使用它来获取城市数组？

谢谢

编辑 尝试根据我收到的答案实现(感谢@Eli Courtwright、@17 of 26 和@JasonBunting)我意识到我的问题不完整。我需要在第一次通过索引引用“state”时遍历“area”，然后当我选择了“state”时，我需要使用“state”的值循环返回结构以获得关联的“城市”。我确实想从上面的结构开始(尽管我可以随意构建它)并且我不介意类似于@eli 的答案的转换(尽管我无法使该转换起作用)。第一个问题应该更完整。尝试实现 2 个选择框，其中第一个选择填充第二个...我将在页面加载时将此数组结构加载到 js 文件中。

Answer 1

var area = 
{
    "Texas" : { "Cities"  : ['Austin','Dallas','San Antonio'] },
    "Arkansas" : { "Cities"  : ['Little Rock','Texarkana','Hot Springs'] }
};

然后你可以这样做:

area["Texas"].Cities[0];