显示javascript变量数组

我有一个变量数组，它根据用户输入进行表过滤。我在控制台.log中得到数组结果，现在我想用HTML显示它

我试过：

document.getElementById（“Tableau”）.innerHTML=res.toString（）

其中“res”是数组结果，但当我想要一个有点好的简单HTML表时，它只显示用逗号分隔的元素

var res = station.filter( i => i[0] >= gval1 && i[0] <= gval2 );
document.getElementById("Tableau").innerHTML = res.toString();
console.log(res);

如何循环数组以在表上显示它
 用JavaScript呈现HTML很有趣
由于您有一个列表，并且需要使分隔符表类似，因此我建议在表项之间插入一个

标记。像这样：

Tableau.innerHTML = res.join('<br />')

Tableau.innerHTML=res.join（“
”）
用JavaScript呈现HTML很有趣
由于您有一个列表，并且需要使分隔符表类似，因此我建议在表项之间插入一个

标记。像这样：

Tableau.innerHTML = res.join('<br />')

Tableau.innerHTML=res.join（“
”）
用于构造
html
并将数组元素放入
td
标记中：


const res=['a'，'b'，'c']；
常量单元格=''+res.join（''）+''；
document.getElementById（“Tableau”）.innerHTML=单元格
td{
边框：1px实心；
填充物：5px；
}

用于构造
html
并将数组元素放入
td
标记中：


const res=['a'，'b'，'c']；
常量单元格=''+res.join（''）+''；
document.getElementById（“Tableau”）.innerHTML=单元格
td{
边框：1px实心；
填充物：5px；
}
正如Taki提到的，您可以使用
res.join（）
将数组转换为字符串

谈到它的风格，可能以下几点会有所帮助

假设您有一个如下所示的数组

var statements=['1st statement','2nd statement','3rd statement','4th statement','5th statement'];
    console.log(statements.join('-'));

.your-class-name td{

将产生以下结果

1st statement-2nd statement-3rd statement-4th statement-5th statement

var styledRes ='<tr class="your-class-name"><td>' + statements.join('</td><td>')+' </td></tr>'

然后说你做了下面的事情

1st statement-2nd statement-3rd statement-4th statement-5th statement

var styledRes ='<tr class="your-class-name"><td>' + statements.join('</td><td>')+' </td></tr>'

您将在屏幕上看到如下内容

<table>
   <tr class="your-class-name">
     <td>1st statement</td>
     <td>2nd statement</td>
     <td>3rd statement</td>
     <td>4th statement</td>
     <td>5th statement</td>
    </tr>
</table>

边框：2倍纯绿；
}

您将能够在屏幕上看到如下内容


。您的类名是td{
边框：2倍纯绿；
}

第一项声明
第二次声明
第三项声明
第四项声明
第五次声明
正如Taki提到的，您可以使用
res.join（）
将数组转换为字符串

谈到它的风格，可能以下几点会有所帮助

假设您有一个如下所示的数组

var statements=['1st statement','2nd statement','3rd statement','4th statement','5th statement'];
    console.log(statements.join('-'));

.your-class-name td{

将产生以下结果

1st statement-2nd statement-3rd statement-4th statement-5th statement

var styledRes ='<tr class="your-class-name"><td>' + statements.join('</td><td>')+' </td></tr>'

然后说你做了下面的事情

1st statement-2nd statement-3rd statement-4th statement-5th statement

var styledRes ='<tr class="your-class-name"><td>' + statements.join('</td><td>')+' </td></tr>'

您将在屏幕上看到如下内容

<table>
   <tr class="your-class-name">
     <td>1st statement</td>
     <td>2nd statement</td>
     <td>3rd statement</td>
     <td>4th statement</td>
     <td>5th statement</td>
    </tr>
</table>

边框：2倍纯绿；
}

您将能够在屏幕上看到如下内容


。您的类名是td{
边框：2倍纯绿；
}

第一项声明
第二次声明
第三项声明
第四项声明
第五次声明
使用
res.join（）
而不是
res.toString（）
您可以循环数组并将其显示在表格上您可以为表格提供html代码吗使用
res.join（）
而不是
res.toString（））
您可以循环设置数组并将其显示在表格上。您可以为表格提供html代码吗？谢谢，它正在工作，我如何分离元素（id、station和line）按行排列并使列表垂直而不是水平排列？我不知道如何在不看到正在使用的阵列的情况下将它们分开谢谢，它正在工作，我如何将元素（id、桩号和线）分开按行排列并使列表垂直而不是水平排列？我不知道如何在不看到正在使用的数组的情况下将它们分开