根据键值对，按特定顺序显示Javascript数组中的值

PFB到目前为止我已经尝试过的javascript代码：

我想在12个框中显示Javascript数组下面的值，如所附的图像框所示。将键值对作为name:框的对象中的产品名称显示在框1中。同样，具有相同位置的其他产品也应显示在方框1中。例如，在下面的数组名称中，id 100中的框的位置为：8。id 102中的产品也有位置8。所以box1和product9都应该显示在box1中

一旦我们得到第一个框的位置，下一个框中应该显示下一个位置的其他产品。产品1、2、3和4应显示在方框2中，因为它们都有位置9

该位置可以介于0和11之间。因此，如果位置达到11，它应该再次从0开始。 如果缺少任何位置的产品，该框将保持空白

产品销售部职位：[ { id:0， 名称：Product1， 职位：9， }, { id:1， 名称:Product2， 职位：9， }, { id:2， 名称:Product3， 职位：9， }, { id:3， 名称:Product4， 职位：9， }, { id:4， 名称:Product5， 职位：10， }, { id:5， 名称:Product6， 职位：7， }, { id:6， 名称:Product7， 职位：6， }, { id:100， 姓名:Box,， 职位：8， }, { id:101， 名称:Product8， 职位：2， }, { id:102， 名称:Product9， 职位：8， } ], 以下是我目前拥有的盒子：

最终图像应如下所示：

---

最后我得到了答案

var firstBox=； var secondBox=； var thirdBox=； var第四=； var fifthbox=； var第六框=； 第七箱变量=； var eigthbox=； var ninthbox=； var tenthbox=； 变量eleventhbox=； var twelthbox=； var-box1=[]； var-box2=[]； var-box3=[]； var-box4=[]； var-box5=[]； var-box6=[]； var-box7=[]； var-box8=[]； var-box9=[]； var-box10=[]； var-box11=[]； var-box12=[]； var boxnumber=[]； var乘积_位置=[ { id:0， 名称：Product1， 职位：9， }, { id:1， 名称:Product2， 职位：9， }, { id:2， 名称:Product3， 职位：9， }, { id:3， 名称:Product4， 职位：9， }, { id:4， 名称:Product5， 职位：10， }, { id:5， 名称:Product6， 职位：7， }, { id:6， 名称:Product7， 职位：6， }, { id:100， 姓名:Box,， 职位：8， }, { id:101， 名称:Product8， 职位：2， }, { id:102， 名称:Product9， 职位：8， } ]; 让位置=； 让positionObj=product_positions.findprod=>prod.name==='Box'； 位置=位置对象位置； console.logposition位于第82行的位置； 对于处于产品位置的let产品{ 如果产品位置[产品]。位置===位置{ 框1.产品位置[产品]； 控制台，logbox1，box1； } 如果产品位置[产品]。位置===位置+1%12{ 框2.产品位置[产品]； 控制台，logbox2，box2； } 如果产品位置[产品]。位置===位置+2%12{ 框3.产品位置[产品]； 控制台，logbox3，box3； } 如果产品位置[产品]。位置===位置+3%12{ 框4.产品位置[产品]； 控制台，logbox4，box4； } 如果产品位置[产品]。位置===位置+4%12{ 框5.产品位置[产品]； 控制台。logbox5，box5； } 如果产品位置[产品]。位置===位置+5%12{ 框6.产品位置[产品]； 控制台，logbox6，box6； } 如果产品位置[产品]。位置===位置+6%12{ 框7.产品位置[产品]； 控制台，logbox7，box7； } 如果产品位置[产品]。位置===位置+7%12{ 框8.产品位置[产品]； 控制台，logbox8，box8； } 如果产品位置[产品]。位置===位置+8%12{ 框9.产品位置[产品]； 控制台，logbox9，box9； } 如果产品位置[产品]。位置===位置+9%12{ 框11.产品位置[产品]； 控制台，logbox10，box10； } 如果产品位置【产品】。位置===位置+10%12{ 框11.产品位置[产品]； 控制台，logbox11，box11； } 如果产品位置[产品]。位置===位置+11%12{ 框12.产品位置[产品]； 控制台，logbox12，box12； } }

---

请同时提供您到目前为止尝试过的内容。具体问题是什么？构建布局？将数据放入布局？调用框的可视化是如何实现的：在HTML表中？对任务的描述似乎让你陷入了困境

---

可想象的混乱。您认为：通过什么样的魔法，我们可以比您更了解它？在这种情况下，我们需要看到您的布局到目前为止包含在一个片段中，最好是您到目前为止尝试包含数据的任何内容。