首頁猿問在 Javascript...

在 Javascript 中訪問（嵌套的）對(duì)象和數(shù)組

JavaScript

倚天杖 2023-06-15 17:15:30

我不確定我是否對(duì)如何組織數(shù)組或如何訪問它有誤解。提議很簡(jiǎn)單：擁有一系列汽車品牌和型號(hào)并訪問它們進(jìn)行展示。const carBrands = [ { Audi: { models: ["A1", "A2", "A3", "A4"], unitsAvailable: 378, } }, { BMW: { models: ["M1", "M2", "M3", "M4"], unitsAvailable: 413, }, }, { Honda: { models: ["H1", "H2", "H3", "H4"], unitsAvailable: 226, }, }];我可以這樣訪問每個(gè)模型： carBrands.forEach((object, i) => { console.log(object, i) });這會(huì)返回我的對(duì)象和索引：奧迪 0 寶馬 1 本田 2我不知道的是如何返回：品牌：奧迪型號(hào)：A1、A2、A3、A4 可用單位：378...對(duì)于 3 輛車中的每一輛。我知道我必須遍歷數(shù)組并為每個(gè)循環(huán)返回對(duì)象鍵/值對(duì)。但是我在使用正確的語法時(shí)遇到了問題。這是我想弄清楚如何制定的內(nèi)容： let modelsToDisplay = []; carBrands.forEach((object, i) => { modelsToDisplay.push(<li key={i}>Make/Model/Units of each object</li>); });感謝您的幫助:)

查看完整描述

3 回答

HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

carBrands.flatMap(Object.entries)
    .map(([key, { models, unitsAvailable }]) => `${key} ${models.join(", ")} ${unitsAvailable}`)
    .forEach(v => console.log(v))

反對(duì) 回復(fù) 2023-06-15

白衣非少年

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊

因?yàn)槟臄?shù)組由 dict 對(duì)象組成，所以您需要考慮到您需要迭代鍵。在不修改輸入的情況下，您可以使用以下代碼來處理數(shù)據(jù)結(jié)構(gòu)的內(nèi)部值：

// For all defined objects

carBrands.forEach((object) => {

// Determine manufacturers inside the current object (only 1 manufacturer per object in your case)

var manufacturers = Object.keys(object);

// For each manufacturer

manufacturers.forEach((manufacturer) => {

// Print manufacturer name

console.log("Manufacturer: " + manufacturer);

console.log("Models:");

// For all models

var models = object[manufacturer].models;

models.forEach((model) => {

// print model name

console.log(" " + model);

});

// print available units

console.log("Available units:");

console.log(" " + object[manufacturer].unitsAvailable + "\n");

});

輸出：

Manufacturer: Audi

Models:

A1

A2

A3

A4

Available units:

378

Manufacturer: BMW

Models:

M1

M2

M3

M4

Available units:

413

Manufacturer: Honda

Models:

H1

H2

H3

H4

Available units:

226

反對(duì) 回復(fù) 2023-06-15

largeQ

TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊

您遇到的問題是因?yàn)槟褂玫捻敿?jí)密鑰是唯一的。而不是命名您的鍵Audi，BMW等等。我會(huì)使用一個(gè)通用鍵make，并將其值設(shè)置為您的品牌。這樣，當(dāng)您執(zhí)行循環(huán)時(shí)，您每次都可以請(qǐng)求相同的密鑰：

const carBrands = [

{

make: 'Audi',

models: ["A1", "A2", "A3", "A4"],

unitsAvailable: 378

},

{

make: 'BMW',

models: ["M1", "M2", "M3", "M4"],

unitsAvailable: 413

},

];

carBrands.forEach(brand => {

console.log(brand.make);

brand.models.forEach(model => console.log(model));

});

由于您談到要維護(hù)對(duì)象中的關(guān)系，我鼓勵(lì)您考慮如何將此信息存儲(chǔ)在數(shù)據(jù)庫中，并以此為基礎(chǔ)組織您的組織。

有很多carBrands。每個(gè)carBrand都有一個(gè)make, unitsAvailable, 并且有很多models.

您不會(huì)為每個(gè)創(chuàng)建一個(gè)新表carBrand，對(duì)嗎？您將添加一個(gè)新行。因此，按照上面的方式構(gòu)建它更接近于將其保存在數(shù)據(jù)庫中的方式，這有利于數(shù)據(jù)完整性并使其更加靈活。

在這種結(jié)構(gòu)中，通過 make 獲取東西仍然很容易，例如：

let audiModels = carBrands.filter(brand => brand.make == 'Audi').models;

反對(duì) 回復(fù) 2023-06-15

忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

這里的所有答案都是“正確的”，非常感謝你們！所以沒有一個(gè)比另一個(gè)更好。

我認(rèn)為喬納森對(duì)我過于復(fù)雜的數(shù)據(jù)結(jié)構(gòu)提出了一個(gè)很好的觀點(diǎn)。我將回到更簡(jiǎn)單的版本，其中“Audi”等將是一個(gè)值，而不是一個(gè)鍵。

但我還將按照 Mottek 的建議構(gòu)建當(dāng)前結(jié)構(gòu)和訪問數(shù)據(jù)的示例。

當(dāng)我深入到項(xiàng)目中時(shí)，我將決定哪個(gè)是最終版本。

感謝大家的大力幫助！

反對(duì) 回復(fù) 2023-06-15

3 回答
0 關(guān)注
211 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

在 Javascript 中訪問（嵌套的）對(duì)象和數(shù)組

在 Javascript 中訪問（嵌套的）對(duì)象和數(shù)組

3 回答

添加回答