javascript - 引用 javascript 对象字面量数组

Question

您将如何引用此结构中的模型（雅阁、CRV、普锐斯等）？这是一个能够提取品牌的糟糕结构......然后使用品牌来获取模型......然后使用模型来获取选项？

var cars = [
    {
        "makes"   : "Honda",
        "models"   : [
            {'Accord' : ["2dr","4dr"]} ,
            {'CRV'    : ["2dr","Hatchback"]} ,
            {'Pilot'  : ["base","superDuper"] }
        ]
    }, 
    {
        "makes"   : "Toyota",
        "models"  : [
            {'Prius'   : ["green","reallyGreen"]} ,
            {'Camry'   : ["sporty","square"]} ,
            {'Corolla' : ["cheap","superFly"] }
        ]
    }
];

谢谢

score 8 · Accepted Answer

结构：

var cars = [
    { name: 'Honda', models: [
                { name: 'Accord', features: ['2dr', '4dr'] },
                { name: 'CRV', features: ['2dr', 'Hatchback'] },
                { name: 'Pilot', features: ['base', 'superDuper'] }
        ]},

    { name: 'Toyota', models: [
                { name: 'Prius', features: ['green', 'superGreen'] },
                { name: 'Camry', features: ['sporty', 'square'] },
                { name: 'Corolla', features: ['cheap', 'superFly'] }
        ]}
];

我在这里写了遍历和其他所有内容。

score 6 · Accepted Answer

~~cars[0].models.Accord cars[0].models.CRV cars[0].models.Pilot~~（见olliej的回答）

不过，使用以下访问概念可能更容易：

cars.Honda.Accord
cars.Toyota.Prius

...使用...

var cars = {
  Honda : {
    Accord : ["2dr", "4dr"],
    CRV    : ["2dr", "Hatchback"],
    Pilot  : ["base", "superDuper"]
  },
  Toyota : {
    Prius : ["green", "reallyGreen"],
    Camry : ["sporty", "square"],
    Corolla : ["cheap", "superFly"]
  }
};

score 3 · Accepted Answer

乔纳森是正确的，但他错过了模型级别的 Array 的附加级别，所以应该是

 cars[0].models[0].Accord
 cars[0].models[1].CRV

ETC

我怀疑您会发现使用以下结构更容易：

var cars = [
{makes  : "Honda",
 models  : {
    Accord : ["2dr","4dr"],
    CRV  : ["2dr","Hatchback"],
    Pilot: ["base","superDuper"]  
 }
}, 
{makes   :"Toyota",
 models  : {
    Prius   : ["green","reallyGreen"],
    Camry   : ["sporty","square"],
    Corolla : ["cheap","superFly"]
 }
}];

其中models数组被一个对象（或关联数组，如果你喜欢）替换

[编辑（olliej）：在第二个示例中整理代码]

score 2 · Accepted Answer

您可以使用以下代码遍历模型：

for (var i = 0, carslen = cars.length; i < carlen; i++) {
    for (var j = 0, modelslen = cars[i].models.length; j < modelslen; j++) {
        // 对 cars[i].models[j] 做一些事情
    }
}

但我同意 Olliej 关于将 JSON 的结构更改为他的格式的观点。

score 0 · Accepted Answer

如果我是你，我不会将你所有的数据集中到一个大的多维数组/对象字面量中。我会封装每个对象并使用方法来访问数据。它对你的大脑的干扰会少很多。

javascript - 引用 javascript 对象字面量数组

5 回答 5

Related

Reference