我想在HTML表中获得一个Javascript数组

我希望这个数组显示在一个简单的html表格中，以便在同学姓名旁边显示电子邮件。

给表格一个id。在我的例子中，我使用“table_1”。 还包括jquery库

    <table id="table_1" border="1">
    <tr>
        <th>Name</th>

        <th>Email</th>
    </tr>
</table>



 var Classmates = ["Chris", "Jan", "Thomas", "Julia", "Tess", "Remco", "Kris", "Mark", "Rick", "Sara"];
var Emails = ["chris@gmail.com", "jan@gmail.com", "thomas@gmail.com", "julia@gmail.com", "tess@gmail.com", "remco@gmail.com", "kris@gmail.com", "mark@gmail.com", "rick@gmail.com", "sara@gmail.com"];


for (var i = 0; i < 11; i++) {
        document.write("<tr><td>" + i + "</td>");
        document.write("<td>" + Classmates[i], Emails[i] + "</td></tr>");
    }

---

需要做的改进很少

对于table，您还需要编写table标记 对于迭代，您可以简单地使用任意一个数组的长度，通过删除硬编码来改进代码 为了显示以逗号分隔的同学和电子邮件，您需要在引号中加逗号 数组的开头在索引0处，因此，要获得正确的数字，请在document.write语句中将其递增1 var同学=[Chris、Jan、Thomas、Julia、Tess、Remco、Kris、Mark、Rick、Sara]； var电子邮件=[chris@gmail.com, jan@gmail.com, thomas@gmail.com, julia@gmail.com, tess@gmail.com, remco@gmail.com, kris@gmail.com, mark@gmail.com, rick@gmail.com, sara@gmail.com]; 文件。书写； 对于var i=0；i.长度；i++{ document.write+i+1+； document.write+同学[i]+，+电子邮件[i]+； }

---

文件。书写 迭代每个数组并使用document.createNode创建一个dome节点。使用appendChild将tr&td追加到表中

var同学=[Chris、Jan、Thomas、Julia、Tess、Remco、Kris、Mark、Rick、Sara]； var电子邮件=[chris@gmail.com, jan@gmail.com, thomas@gmail.com, julia@gmail.com, tess@gmail.com, remco@gmail.com, kris@gmail.com, mark@gmail.com, rick@gmail.com, sara@gmail.com]; 对于var i=0；i.长度；i++{ 让_tr=document.createElement'tr'； 让_tdclasses=document.createElement'td'； 让_tdEmail=document.createElement'td'； _tdclasses.innerHTML=同学[i]； _tdEmail.innerHTML=电子邮件[i]； _同班同学； _tr.appendChild_tdEmail； document.getElementById'studentTable'。appendChild\u tr； }

---

创建一个字符串变量并将html附加到该变量，然后对该变量执行document.write

for (var i = 0; i < 11; i++) {
$('#table_1').append('<tr>');
$('#table_1').append("<td>" + i + "</td>");
$('#table_1').append("<td>" + Classmates[i], Emails[i] + "</td>");
$('#table_1').append('</tr>');
    }

---

您可以在顶部定义所有变量，创建新元素并构建一个新表。稍后将表附加到主体

var同学=[Chris、Jan、Thomas、Julia、Tess、Remco、Kris、Mark、Rick、Sara]， 电子邮件=[chris@gmail.com, jan@gmail.com, thomas@gmail.com, julia@gmail.com, tess@gmail.com, remco@gmail.com, kris@gmail.com, mark@gmail.com, rick@gmail.com, sara@gmail.com], table=document.createElement'table'， tr=document.createElement'tr'， 运输署署长， 我 th=document.createElement'th'； appendChilddocument.createTextNode'Name'； 托尔茨； th=document.createElement'th'； appendChilddocument.createTextNode'e-Mail'； 托尔茨； 表1.1-tr； 对于i=0；i<10；i++{ tr=document.createElement'tr'； td=document.createElement'td'； td.appendChilddocument.createTextNodeclassmates[i]； tr.td； td=document.createElement'td'； td.appendChilddocument.createTextNodeemails[i]； tr.td； 表1.1-tr； }

---

document.body.appendChildtable；分享您的尝试并向我们展示代码。。您尝试过什么？使用单个循环遍历这些数组，将tds附加到DOM。你试过这样吗？欢迎来到Stack Overflow！请拿着这本书，通读一遍，特别是做你的研究，看看相关的主题，然后试一试。如果你在做了更多的研究和搜索后陷入困境，无法摆脱困境，请发布一份你的尝试，并明确指出你陷入困境的地方。人们会乐意帮忙的。祝你好运@AbdeslemCharif令人惊讶的是，Stackoverflow鼓励我们，我引用的话，否决投票，继续前进，而不是问OP Hey，到目前为止你尝试了什么？jQuery没有被标记或使用，因此不是一个有效的答案它可能会起作用，所以我没有否决投票，但它非常丑陋而且没有优化。在每个循环中要遍历DOM 4次，并徒劳地构建同一个jQuery对象4次，这使得总共需要44次代价高昂的操作，而不是1次。您不需要jQuery来实现这一点。在第二个问题上，我投了否决票。我使用jQuery对象4次来获得这个想法。您可以根据需要优化代码。你投了反对票真丢脸。

var output = "";
for (var i = 0; i < 11; i++) {
    output += "<tr><td>" + i + "</td>";
    output += "<td>" + Classmates[i] + "," + Emails[i] + "</td></tr>";
}
document.write(output);