JavaScript：在循环中附加来自2D数组的数据

我有一个二维数组，我试图附加它的值。我已经提供了2个代码片段；第一个示例是我试图用第二个代码段实现的一个示例。第一个代码段是为每个索引手动添加数据

实际上，我正在尝试创建一个如下所示的列表

在线3.2

任命2.9

商店1.8

这就是为什么在我的第一个代码snippe中，我首先对标题索引执行

col-md-7

，然后对小数点索引执行

col-md-5

，如下所示：

htmlOutput += "<div class='col-md-7'>";
htmlOutput += "<p> 1. " + array[0][0] + "</p>";
htmlOutput += "</div>";

htmlOutput += "<div class='col-md-5 '>";
htmlOutput += "<p>" + array[0][1]+ "</p>";
htmlOutput += "</div>";

htmlOutput+=”；
htmlOutput+=“1.”+数组[0][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[0][1]+”
”；
htmlOutput+=“”；

---

在我的第二个代码段中，我试图循环遍历数组并递增数据，但无法分离数组中的索引，例如，我当前的结果是：

<div class='col-md-5'><p>Online,3.2</p></div>
<div class='col-md-5'><p>Appointment,2.9</p></div>
<div class='col-md-5'><p>Store,1.8</p></div>
<div class='col-md-5'><p>Date,4.1</p></div>
<div class='col-md-5'><p>Phone,1.2</p></div>

在线，3.2

任命，2.9

商店，1.8

日期，4.1

电话，1.2

其中，索引0和1将在一个div中一起返回。我的预期结果是将这些索引分开，并使我的返回值如下所示

 <div class='col-md-7'><p>Online</p></div> 
 <div class='col-md-5'><p>3.2</p></div>   // index 0 

<div class='col-md-7'><p>Appointment</p></div> 
 <div class='col-md-5'><p>2.9</p></div>     // index 1 

在线

3.2
//索引0
预约

2.9
//索引1

让htmlOutputArray=“”
常量数组=[
[“在线”，3.2]，
[“任命”，2.9]，
[“商店”，1.8]，
[“日期”，4.1]，
[“电话”，1.2]
] ;
让htmlOutput=“”
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“1.”+数组[0][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[0][1]+”
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“2.”+数组[1][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[1][1]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“3.”+数组[2][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[2][1]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“4.”+数组[3][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[3][1]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“5.”+数组[4][0]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”+数组[4][1]+“
”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutput+=“”；
htmlOutputArray+=htmlOutput；//concat所有以前呈现的html输出
$（“#appendData”）.html（htmlOutputArray）
i
应该是第一个索引，而不是第二个索引。然后您需要连接
[i][0]
和
[i][1]
，就像在扩展代码中一样


let text=“”
常量数组=[
[“在线”，3.2]，
[“任命”，2.9]，
[“商店”，1.8]，
[“日期”，4.1]，
[“电话”，1.2]
];
for（设i=0；i”；
文本+=”；
文本+=”；
text+=“”+数组[i][1]+“
”；
文本+=”；
}
log（text）
查看下面的代码段，您正在将
i
索引传递到数组的第二维，而不是第一维

我已经切换到语法，因为它在本例中更加简洁

我还使用了
I
索引来输出标题前的“1.”、“2.”


let text=“”
常量数组=[
[“在线”，3.2]，
[“任命”，2.9]，
[“商店”，1.8]，
[“日期”，4.1]，
[“电话”，1.2]
]
对于（设i=0；i`
text+=`${array[i][1]}
`
}
//console.log（文本）
document.getElementById（'appendData'）。innerHTML=text
感谢您的回复，只是想了解更多细节并全面了解一切。
${i+1}.
每次递增+1，然后返回结果1,2。。3.等我理解正确了吗？不完全正确，
${I+1}。
是输出
1的，
2，等等。它获取循环的索引
i
，并向其中添加1，因为循环从索引0开始（
让i=0
）。如果没有
+1
，它将是
0，
1，等等，重新阅读你的问题我想你可能已经正确理解了，我只是解释错了