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

Question

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},

}；

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

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();

后来，我创建了一个函数“viewAllStock（）”来在我的网站（超文本标记语言）中创建一个表。但是当我运行这个程序时，我在我创建的“产品代码”单元格下得到它

产品代码

[对象对象]

[对象对象]

[对象对象]

[对象对象]

[对象对象]

那么，如何使用Javascript在网站（超文本标记语言）中获取标题“产品代码”单元格下的每个产品的代码。

Answer 1

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

td7.innerHTML=stock[i] ==