html table to JS array

table.html

<style type="text/css">
  
  table, th, td {
  border: 1px solid ;
  width: 30%
}
  
</style>

<table id='table1'>
  <thead>
    <tr>
      <th>
        Nome
      </th>
      <th>
        Telefone
      </th>
      <th>
        Endereço
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td name='Nome'>
        João da Silva
      </td>
      <td name='Telefone'>
        5555-7777
      </td>
      <td name='Endereco'>
        Rua Brasil, 123
      </td>

    </tr>
    <tr>
      <td name='Nome'>
        Maria de Oliveira
      </td>
      <td name='Telefone'>
        1234-1234
      </td>
      <td name='Endereco'>
        Rua Japão, 221
      </td>
    </tr>
    <tr>
      <td name='Nome'>
        Vanessa
      </td>
      <td name='Telefone'>
        9999-4314
      </td>
      <td name='Endereco'>
        Rua China, 43219
      </td>
    </tr>
  </tbody>
</table>



<script> 
  
  var data = [];


$('#table1 tbody tr').each(function(index, tr){
    
  
  var nome = $(tr).find('[name="Nome"]').text();
  
  var telefone = $(tr).find('[name="Telefone"]').text();
  
  var endereco = $(tr).find('[name="Endereco"]').text();
  
  data.push({
    nome: nome,
    telefone: telefone,
    endereco: endereco
  });
  
});


console.log(data);
  
</script>