¿Qué es JavaScript Console Table?. Todos usamos la consola de JavaScript para nuestras tareas diarias , la consola tiene muchos trucos ocultos que a veces es muy útil conocerlos. Vamos a ver un ejemplo de como trabajar con la consola y con el manejo de tablas. Para ello partiremos de una estructura JSON.

var lista =[{nombre:"pepito",apellidos:"perez",edad:20},
{nombre:"juan",apellidos:"sanchez",edad:22},
{nombre:"ana",apellidos:"gomez",edad:25},

];

Si realizamos una operación de console.log (lista) el resultado es :

JavaScript Console Table

Los datos se imprimen pero no tienen una lectura sencilla tenemos que desplegar varios árboles anidados . Vamos a usar console.table (lista)  y ver como los datos se imprimen  en  un formato de tabla:

La información se imprime de una forma mucho mas clara. Podemos ademas pulsar sobre cada una de las columnas y ordenador los datos.

¿Qué más podemos hacer con JavaScript Console Table? .La función admite una sobrecarga para decidir que columnas deseamos que se impriman:

console.table (lista, [«nombre»,»edad»]).

Hay a veces que es necesario buscar información dentro de la tabla de una forma rápida .Para ello podemos pulsar «comando + K» y nos abrirá una opción de búsqueda adicional.

El conocer el manejo de la consola a detalle , puede ahorrarnos tiempo en las tareas de debugging.

Otros artículos relacionados : JavaScript Closures   JavaScript Stream vs Promises

Post By Cecilio Álvarez Caules (32 Posts)

Oracle Certified Master, Java EE Enterprise Architect .Experto en la plataforma JEE y Trainer. Autor del libro Arquitectura Java Sólida Dueño del blog sobre JEE Arquitectura Java

Website: →

Connect

Desarrollo Web