动态创建的表-仅限普通Javascript-不在浏览器中显示

我有一个函数，可以对项目及其数量进行遍历和排序，并应该在表中显示它们

DOM或浏览器中没有显示任何内容。我是不是把函数调用错了

我有一个index.html文件，使用脚本链接到我的index.js文件

chrome开发工具中没有显示错误

指令

通过调用以下命令显示工具架和项目对

功能显示shelfitempair（shelfName，itemName）


函数main（）{
让昨天的sorders=[
{
id:1，
订单行：[{
项目名称：“项目01”，
数量：1
},
{
项目名称：“项目02”，
数量：3
},
{
项目名称：“项目03”，
数量：25
},
{
项目名称：“项目04”，
数量：12
},
],
},
{
id:2，
订单行：[{
项目名称：“项目01”，
数量：1
},
{
项目名称：“项目08”，
数量：42
},
{
项目名称：“项目09”，
数量：13
},
{
项目名称：“项目12”，
数量：37
},
],
},
{
id:3，
订单行：[{
项目名称：“项目12”，
数量：16
}, ],
},
{
id:4，
订单行：[{
项目名称：“项目10”，
数量：11
},
{
项目名称：“项目11”，
数量：10
},
],
},
{
id:5，
订单行：[{
项目名称：“项目06”，
数量：7
},
{
项目名称：“项目07”，
数量：2
},
{
项目名称：“项目12”，
数量：14
},
],
},
{
id:6，
订单行：[{
项目名称：“项目05”，
数量：17
}, ],
},
{
id:7，
订单行：[{
项目名称：“项目03”，
数量：5
},
{
项目名称：“项目07”，
数量：2
},
],
},
{
id:8，
订单行：[{
项目名称：“项目02”，
数量：13
},
{
项目名称：“项目07”，
数量：7
},
{
项目名称：“项目09”，
数量：2
},
],
},
{
id:9，
订单行：[{
项目名称：“项目01”，
数量：4
},
{
项目名称：“项目06”，
数量：17
},
{
项目名称：“项目07”，
数量：3
},
],
},
{
id:10，
订单行：[{
项目名称：“项目11”，
数量：12
},
{
项目名称：“项目12”，
数量：1
},
],
}
],
结果=Array.from(
昨天的订单减少（（根据{
订单线
}) => {
orderLines.forEach(({
项目名称，
量
})=>acc.set（itemName，（acc.get（itemName）| | 0）+数量）；
返回acc；
}，新地图），（[itemName，quantity]）=>({
项目名称，
量
}));
结果.排序（（a，b）=>{
如果（a.数量>b.数量）{
返回-1；
}否则如果（a.数量main（）编辑：正如我现在发现的，无论您是在填充之前还是之后附加子项，输出都是相同的

在函数
displayShelfItemPair
中，您在填充新的表格元素之前添加了它，这就是为什么is在页面上不显示任何内容

用行等填充表格元素，然后将其附加到文档中：

function displayShelfItemPair(shelfName, itemName) {

    let table = document.createElement('table');


    for (let i = 0; i < 3; i++) {
      let tr = document.createElement('tr'); 


      for (let j = 0; j < 3; j++) {
        let tdElement = document.createElement('td');
        tdElement.innerHTML = result[i][j];
        tr.appendChild(tdElement);

      }
      table.appendChild(tr); // Append to <table> node AFTER it is filled


    }
    document.body.appendChild(table); //append table to body AFTER it is filled
    console.log(displayShelfItemPair(shelfName, itemName));
}

函数显示shelfitempair（shelfName，itemName）{
让table=document.createElement（'table'）；
for（设i=0；i<3；i++）{
设tr=document.createElement（'tr'）；
for（设j=0；j<3；j++）{
设tdElement=document.createElement（'td'）；
tdElement.innerHTML=结果[i][j]；
tr.appendChild（tdElement）；
}
table.appendChild（tr）；//填充后追加到节点
}
document.body.appendChild（table）；//填充后将表追加到body
log（显示shelfitempair（shelfName，itemName））；
}
您正在遍历不存在的对象。例如，
For（让r在行中）
没有
行
。我重写了函数，希望能让你更接近


函数main（）{
让昨天的sorders=[
{
id:1，
订单行：[{
项目名称：“项目01”，
数量：1
},
{
项目名称：“项目02”，
数量：3
},
{
项目名称：“项目03”，
数量：25
},
{
项目名称：“项目04”，
数量：12
},
],
},
{
id:2，
订单行：[{
项目名称：