2 回答

TA貢獻1900條經驗 獲得超5個贊
您可以映射dimBreak數組并創建所需的 html 標記。之后,您可以將生成的 html 標記注入到DOM.
PS As.map()函數返回一個數組,在將生成的 html 字符串插入之前DOM,對返回的數組調用.join()函數,將所有數組元素組合成一個字符串。
const obj = {
"556520000": {
"lmin": "35",
"dm": [
{ "Width": "147" },
{ "Depth": "10" },
{ "Height": "137" }
],
"lmax": "68",
}
};
var SKU = "556520000";
var dimBreak = obj[SKU]["dm"];
let charCode = 65; // A
const html = dimBreak.map(obj => {
const [key, value] = Object.entries(obj).flat();
return `
<li>
<span>${String.fromCharCode(charCode++)}</span>
${key}: ${value}
</li>
`;
});
const list = document.querySelector('#sku_DM ul');
list.innerHTML = html.join('');
<span id="sku_DM">
<ul>
</ul>
</span>

TA貢獻1802條經驗 獲得超5個贊
從您的話中,我了解到您在渲染時不需要任何花哨的東西或任何類型的數據操作。為什么不使用一些舊的preHTML 標簽?
const data = {
"556520000": {
"lmin":"35",
"dm":[
{
"Width":"147"
},
{
"Depth":"10"
},
{
"Height":"137"
}
],
"lmax":"68",
}
}
const dmset = Object.values(data).map(({ dm }) => dm)
document.querySelector('pre').innerHTML = JSON.stringify(dmset, null, 2)
<pre></pre>
添加回答
舉報