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.
