javascript - 如何在不提及所有数字和中断标记的情况下水平显示数组？

Question

 var days = [
   "Monday",
   "Tuesday",
   "Wednesday",
   "Thursday",
   "Friday",
   "Saturday",
   "Sunday",
 ];
         
 document.getElementById("demo2").innerHTML = days[0] + "<br>" +
                                              days[1] + "<br>" +
                                              days[2] + "<br>" +
                                              days[3] + "<br>" +
                                              days[4] + "<br>" +
                                              days[5] + "<br>" + days[6];

body {
  margin: 0;
  padding: 0;
}
            
table {
  border: 1px solid #000;
  border-collapse: collapse;
  width: 500px;
  height: 150px;
  margin: 5px;
}
            
table tr td {
  border:1px solid #000;
  padding-left:10px;
}
            

 <h1>Concatenation Challenge</h1>
 <table>
   <tr>
     <td>All days of the week</td>
     <td id="demo2"></td>
   </tr>
 </table>
        

嗨，这听起来是个奇怪的问题。有没有一种方法可以显示从 [0] 到 [6] 而无需提及中间数字 (1-5)？我尝试了循环，但我认为我做的不对。对于 (var i=0;i > days.length;i++);

Answer 1

你可以使用.join():

document.getElementById("demo2").innerHTML = days.join("<br>");

演示:

var days = [
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
    "Sunday",
];
         
document.getElementById("demo2").innerHTML = days.join("<br>");

body {
    margin:0;
    padding:0;
}

table {
    border:1px solid #000;
    border-collapse: collapse;
    width:500px;
    height:150px;
    margin:5px;
}

table tr td{
    border:1px solid #000;
    padding-left:10px;
}

<h1>Concatenation Challenge</h1>
<table>
    <tr>
        <td>All days of the week</td>
        <td id="demo2"></td>
    </tr>
</table>

文档:

• Array.prototype.join()