Funções Básicas que ajudam no dia a dia console.table()

Quando estamos desenvolvendo em JavaScript, é comum usarmos o console.log() para inspecionar arrays e objetos. Porém, quando os dados começam a crescer, a visualização pode ficar confusa. Para resolver isso, existe uma função nativa super útil: console.table().

O que é console.table()?

O console.table() exibe arrays ou objetos em formato de tabela no console do navegador ou do Node.js. Isso facilita a leitura, comparação e análise dos dados, tornando o debug muito mais eficiente.

Como usar?

Exemplo com Array de Objetos :

const personagens = [
  {
      INDEX:1,
      NOME: "Mario🧑‍🚒 ",
      VELOCIDADE: 4,
      MANOBRABILIDADE: 3,
      PODER: 3,
      PONTOS: 0,
  },
  {
      INDEX:2,
      NOME: "Luigi 🍀",
      VELOCIDADE: 3,
      MANOBRABILIDADE: 4,
      PODER: 4,
      PONTOS: 0,
  },
  {
      INDEX:3,
      NOME: "Peach 👑 ",
      VELOCIDADE: 5,
      MANOBRABILIDADE: 4,
      PODER: 2,
      PONTOS: 0,
  },
  {
      INDEX:4,
      NOME: "Bowser 👹 ",
      VELOCIDADE: 2,
      MANOBRABILIDADE: 2,
      PODER: 5,
      PONTOS: 0,
  },
  {
      INDEX:5,
      NOME: "Yoshi 🐲 ",
      VELOCIDADE: 4,
      MANOBRABILIDADE: 5,
      PODER: 2,
      PONTOS: 0,
  }
];
console.table(personagens);

export default personagens;

O uso de console.table() torna a visualização dos dados muito mais dinâmica e intuitiva.

Além de apresentar os dados em formato de tabela, ele mostra claramente o índice (posição) de cada item no array ou a chave de cada propriedade no objeto.