# JavaScript如何將對象顯示為表格
在Web開發中，將JavaScript對象以表格形式展示是常見需求。以下是幾種實現方法：
## 1. 手動構建HTML表格
```javascript
function objectToTable(obj) {
let html = '<table border="1"><tr>';
// 表頭
for(let key in obj[0]) {
html += `<th>${key}</th>`;
}
html += '</tr>';
// 表格內容
obj.forEach(item => {
html += '<tr>';
for(let key in item) {
html += `<td>${item[key]}</td>`;
}
html += '</tr>';
});
return html + '</table>';
}
const data = [{name:"張三",age:25}, {name:"李四",age:30}];
const table = `<table>
<thead><tr>${Object.keys(data[0]).map(k => `<th>${k}</th>`).join('')}</tr></thead>
<tbody>${data.map(row =>
`<tr>${Object.values(row).map(v => `<td>${v}</td>`).join('')}</tr>`
).join('')}</tbody>
</table>`;
map方法渲染JSX.append()動態添加行以上方法可根據項目需求選擇，簡單場景推薦原生實現，復雜需求建議使用成熟庫。 “`
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
