JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr><td>Teste 1</td><td>Teste 1</td><td>Teste 3</td></tr>
<tr><td>Teste 4</td><td>Teste 5</td><td>Teste 6</td></tr>
</tbody>
</table>
JavaScript
tableToJSON("table");
function tableToJSON(tableSelector){
var array = new Array();
var $thead = $(tableSelector).find("thead > tr > th");
var $tbody =$(tableSelector).find("tbody > tr");
$tbody.each(function(x){
var obj = new Object();
var $row = $(this);
$thead.each(function(i){
var attributeName = $(this).text();
obj[attributeName] = $row.find("td")[i].innerText
});
array.push(obj);
});
console.log(array);
return array;
}