Obten más información sobre console.table en las herramientas para desarrolladores de Google Chrome.

Console.table muestra en la consola una tabla con información de un objeto o una matriz. La primera columna de la tabla se etiquetará (índice). Si los datos son una matriz, sus valores serán los índices de la matriz. Si los datos son un objeto, entonces sus valores serán los nombres de las propiedades, luego todas las propiedades se mostrarán respectivamente.

Console.table funciona mejor (no hace falta decirlo) para datos tabulares. Si todos los objetos y matrices tienen una estructura irregular, terminará con la mayoría de las celdas que contienen valores vacíos y solo se listarán un par de propiedades. Esta función le brinda una mejor descripción general de sus datos en la mayoría de las situaciones.

Matrices

var films = [
  {name:"Batman vs Superman",value:"20$"},
  {name:"Ted 2",value:"15$"},
  {name:"500 Days of summer",value:"5$"},
  {name:"Batman : The Dark Knight",value:"20$"}
];

console.table(films);

Tu consola debería generar:

Console table chrome feature

¿Agradable no?

Objetos

var mostViewedFilmsInWorldWideCinemas = {
  china: {name:"Batman vs Superman",revenues:"225M$"},
  usa: {name:"Batman vs Superman",revenues:"220M$"},
  brazil:{name:"Batman vs Superman",revenues:80000000},
  colombia:{name:"Batman vs Superman",revenues:"92M$"},
  spain:{name:"Batman vs Superman",revenues: undefined},
  disneyLand:{name:"Bambi"},
};

console.table(mostViewedFilmsInWorldWideCinemas);

La salida de su consola debería verse así:

Console chrome table

Excluir datos para que se muestren

Para excluir un campo en particular de un objeto, el método console.table espera una matriz como segundo parámetro con los nombres de la propiedad que se deben mostrar :

var mostViewedFilmsInWorldWideCinemas = {
  china: {name:"Batman vs Superman",revenues:"225M$"},
  usa: {name:"Batman vs Superman",revenues:"220M$"},
  brazil:{name:"Batman vs Superman",revenues:80000000},
  colombia:{name:"Batman vs Superman",revenues:"92M$"},
  spain:{name:"Batman vs Superman",revenues: undefined},
  disneyLand:{name:"Bambi"},
};

// Muéstrame solo los nombres
console.table(mostViewedFilmsInWorldWideCinemas,["name"]);

La salida debería verse así:

Chrome exclude field table


Puede ordenar la tabla por una columna en particular haciendo clic en la etiqueta de esa columna. No usará de repente console.table para registrar todo lo que desee, los datos deben ser muy explícitos y lograr una estructura organizada, pero no tema hacer un lío con esta función en su consola, ¡adelante, pruébelo!


Interesado en la programación desde los 14 años, Carlos es un programador autodidacta, fundador y autor de la mayoría de los artículos de Our Code World.

Conviertete en un programador más sociable

Patrocinadores