DEV Community

Paulo
Paulo

Posted on

Depuração avançada de Javascript com console.table()

O console.table() permite exibir dados no console em um formato tabular agravável. É muito útil para visualizar matrizes ou objetos complexos. Ele pode exibir dados tabulares para a matrizes ou objetos:

let person = [
 { firstName: 'Paulo', lastName: 'Sobrinho' },
 { firstName: 'Matheus', lastName: 'Gomes' },
 { firstName: 'Beatriz', lastName: 'Ribeiro' }
];

console.log(person);
Enter fullscreen mode Exit fullscreen mode

Com o console.log() fornecerá a seguinte representação de seus dados:
Alt Text

Registro de dados de matriz com console.table()

Em vez de chamar console.log(), usaremos console.table() agora:

console.table(person);
Enter fullscreen mode Exit fullscreen mode

Com o console.table() fornecerá a seguinte representação de seus dados:
Alt Text

Filtrando as propriedades do objeto exibido

Se quiser restringir as colunas a certas propriedades, você pode passar uma matriz de suas chaves como um segundo parâmetro para a console.table() chamada:

console.table(person, ['firstName', 'lastName']);
Enter fullscreen mode Exit fullscreen mode

Para uma única propriedade, uma string simples é suficiente:

console.table(person, 'firstName'); 
Enter fullscreen mode Exit fullscreen mode

Resultado:
Alt Text

Obrigado!

Oldest comments (0)