请采用JavaScript实现多行多列表格打印,格式如下图所示。
时间: 2024-09-18 17:13:31 浏览: 47
javascript多行字符串的简单实现方式
在JavaScript中,你可以使用模板字符串和数组嵌套结构来创建多行、多列的表格。下面是一个简单的例子,假设我们有三列数据和两行数据:
```javascript
// 定义数据
const data = [
['姓名', '年龄', '城市'],
['张三', '25', '北京'],
['李四', '30', '上海']
];
// 创建表格字符串
let table = '<table>\n';
data.forEach((row, rowIndex) => {
table += ` <tr>\n`; // 开始新的一行
row.forEach((cell, colIndex) => { // 每个单元格
table += ` <td>${cell}</td>`; // 数据格式化为HTML文本
});
table += ' </tr>\n'; // 结束当前行
if (rowIndex !== data.length - 1) { // 如果不是最后一行
table += '\n'; // 添加换行符
}
});
table += '</table>';
console.log(table);
```
当你运行这段代码,它会在控制台打印出类似这样的HTML表格:
```
<table>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>城市</td>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>上海</td>
</tr>
</table>
```
阅读全文