我有一個包含物件的陣列。如何將物件中的所有內容輸出到標記中? 我想我卡在了代碼的這一部分div_child.innerHTML。 在輸出時,我得到這個cars[object Object]11次。
應該是這樣的:
img car: 'Audi' 模型。'A6' 年齡。2014 價格: 20900
。let cars = []。
cars[0] = {
img: 'assets/img/img-1.webp',
car: 'Audi',
model: 'A6',
年齡: 2014,
價格: 20900, 價格: 20900
}
//另外還有9個汽車物件。
let div = document.createElement('div') 。
div.className = 'carls-list'。
for (let key in cars) {
let div_child = document.createElement('div') 。
div_child.className = 'carls-list__item'。
div_child。 innerHTML = `${cars}` `${cars[key]}`。//我的理解是這是問題的根源。
div.append(div_child)。
}
document.body.append(div);
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
我會使用map:
。let cars = [{
img: 'assets/img/img-1.webp'。
car: 'Audi',
model: 'A4',
年齡: 2014,
價格: 20900img: 'assets/img/img-2.webp',
car: 'Audi',
model: 'A5',
年齡: 2014,
價格: 20900img: 'assets/img/img-3.webp',
car: 'Audi',
model: 'A6',
年齡: 2014,
價格: 20900//另外還有9個汽車物件。
let div = document.createElement('div') 。
div.className = 'carls-list'。
div.innerHTML = cars. map(span class="hljs-params">car => `<div class="cars-list__item">${car.car}: ${car.model}</div>`).join(" ")
document.body.append(div)
<iframe name="sif2" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/331328.html
標籤:
下一篇:計算數值的sumif公式
