Usando JavaScript Console Table

¿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

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:

JavaScript Console Table Sencilla

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

JavaScript Console Table Ordenado

 

¿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»]).

JavaScript Console Table filter

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.

JavaScriptConsoleTableFind

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

No comments yet.

Deja un comentario

Leave your opinion here. Please be nice. Your Email address will be kept private.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Translate »