在網頁開發過程中，表格是經常被使用的元素。我們可以使用HTML的<table>標簽來展示表格數據，但是在某些情況下，我們需要將這些數據轉換成JSON格式，用于后端數據處理或者前端AJAX請求等場景。

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>小紅</td>
<td>20</td>
<td>女</td>
</tr>
</table>

以上是一個簡單的表格樣式，現在我們需要將其轉換成以下JSON格式：

{
"data": [
{
"姓名": "小明",
"年齡": "18",
"性別": "男"
},
{
"姓名": "小紅",
"年齡": "20",
"性別": "女"
}
]
}

以下是JS代碼示例，實現表格數據轉換成JSON格式：

// 獲取表格元素
var table = document.querySelector('table');
// 獲取表頭
var ths = Array.from(table.querySelectorAll('th'));
// 獲取表格數據行
var trs = Array.from(table.querySelectorAll('tbody tr'));
// 遍歷表格行，生成JSON數據格式
var data = [];
trs.forEach(function(tr) {
var item = {};
ths.forEach(function(th, index) {
item[th.innerText] = tr.querySelectorAll('td')[index].innerText;
});
data.push(item);
});
// 拼接成完整的JSON數據
var json = { "data": data };
console.log(JSON.stringify(json));

以上代碼中，我們使用了querySelectorAllAPI來獲取所有的表格元素，然后分別處理表頭和數據行中的內容，最后生成JSON格式的數據。

總結來說，表格數據轉換成JSON格式并不難，只需要遍歷表格元素，將每個單元格的內容按照JSON格式拼接起來即可。這種做法有利于在前端和后端之間進行數據傳輸和數據處理。