Javascript 如何从嵌套对象变量访问数据

})

因此，我创建了一个对象变量“stock”。包含不同产品的代码、名称、成本和数量

let stock = {
1001: {product: 'Chocolates', cost: 10, quantity: 0},
1002: {product: 'Biscuits', cost: 10, quantity: 0},
1003: {product: 'Bread', cost: 20, quantity: 0},
1004: {product: 'Milk', cost: 25, quantity: 0},
1005: {product: 'Curd', cost: 20, quantity: 0},

稍后，我创建了一个函数“viewAllStock（）”来在我的网站（HTML）中创建一个表。但是当我运行这个程序时，我会在我创建的“产品代码”单元中得到这个

产品代码

[对象]

[对象]

[对象]

[对象]

[对象]

---

因此，如何使用Javascript在网站（HTML）中的“产品代码”单元标题下获取每个产品的代码。

使用嵌套对象上的

for in

循环将生成

stock

的键，如

i

。

stock[i]

将返回每个嵌套对象的值

i

是嵌套对象键，即产品的代码

---

td7.innerHTML=stock[i]==>
td7.innerHTML=i
在嵌套对象上使用
for in
循环将产生
库存
的键作为
i
。
stock[i]
将返回每个嵌套对象的值
i
是嵌套对象键，即产品的代码

td7.innerHTML=stock[i]==>
td7.innerHTML=i

function viewAllStock(){
        let table = document.createElement("table");
        table.setAttribute("id", "viewStockTable");
        table.setAttribute("class", "table table-striped");
        document.body.appendChild(table);

        let tr1 = document.createElement("tr");
        tr1.setAttribute("id", "myTr1");
        table.appendChild(tr1);

        let th1 = document.createElement("th");
        let tN1 = document.createTextNode("Name of the Product");
        th1.appendChild(tN1);
        tr1.appendChild(th1);

        let th2 = document.createElement("th");
        let tN2 = document.createTextNode("Cost of the Product");
        th2.appendChild(tN2);
        tr1.appendChild(th2);

        let th3 = document.createElement("th");
        let tN3 = document.createTextNode("Quantity of the Product");
        th3.appendChild(tN3);
        tr1.appendChild(th3);

        let th4 = document.createElement("th");
        let tN10 = document.createTextNode("Code of the Product");
        th4.appendChild(tN10);
        tr1.appendChild(th4);

        for (let i in stock){
            let tr2 = document.createElement("tr");
            tr2.setAttribute("id", "myTr2");
            table.appendChild(tr2);

            let td1 = document.createElement("td");
            td1.innerHTML = stock[i].product;
            tr2.appendChild(td1);

            let td2 = document.createElement("td");
            td2.innerHTML = stock[i].cost;
            tr2.appendChild(td2);

            let td3 = document.createElement("td");
            td3.innerHTML = stock[i].quantity;
            tr2.appendChild(td3);

            let td7 = document.createElement("td");
            td7.innerHTML = stock[i];
            tr2.appendChild(td7);
        }
    }
    viewAllStock();