JSFiddle - React, Tailwind, and code Playground

by Guksels

HTML

<table id="table">
   <thead>
      <tr>
         <th>ID</th>
         <th>Vārds</th>
         <th>Uzvārds</th>
         <th>Nummurs</th>
         <th>Adrese</th>
         <th>Pilseta</th>
         <th>Iela</th>
         <th>Māja</th>
      </tr>
   </thead>
   <tbody>
      <tr></tr>
      <tr>
         <td>1</td>
         <td>VRD1</td>
         <td>UZV1</td>
         <td>NUM1</td>
         <td></td>
         <td>PILS1</td>
         <td>IEL1</td>
         <td>MAJ1</td>
      </tr>
      <tr>
         <td>2</td>
         <td>VRD22</td>
         <td>UZV22</td>
         <td>NUM22</td>
         <td></td>
         <td>PILS22</td>
         <td>IEL22</td>
         <td>MAJ22</td>
      </tr>
      <tr>
         <td>3</td>
         <td>VRD33</td>
         <td>UZV33</td>
         <td>NUM33</td>
         <td></td>
         <td>PILS33</td>
         <td>IEL33</td>
         <td>MAJ33</td>
      </tr>
   </tbody>
</table>

JavaScript

var table = document.getElementById('table');
var jsonArr = [];
for(var i =0,row;row = table.rows[i];i++){
    var col = row.cells;
      var jsonObj = {
      company : col[0].innerHTML,
      contact : col[1].innerHTML,
      country : col[2].innerHTML,
      }
    jsonArr.push(jsonObj);
}


console.log(jsonArr);