Console.table una propiedad de la consola de depuración de JavaScript de Chrome que probablemente no sabías que existía

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:

¿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í:

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í:

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!