Una introducción a la herramienta de depuración de Javascript console.table()

Muestra data como una tabla en la consola. Cada elemento en el array (o propiedad enumerable si data es un objeto) será una fila en la tabla.

Go to the profile of  GodoFredo
GodoFredo
2 min de lectura
Una introducción a la herramienta de depuración de Javascript console.table()

Como todos los programadores de javascript, frecuentemente utilizamos console.log en nuestro código. Me parece que es mucho más rápido utilizar la consola que tratar con el depurador para realizar comprobaciones rápidas. Recientemente me encontré con console.table, que me dejó boquiabierto y se ganó un lugar en mi corazón.

¿Qué es?

Es exactamente como suena - le permite registrar sus datos en la consola como una tabla.

— Sintaxis

console.table(data [, columns]);
  • data La información a mostrar. Puede ser tanto un array como un objeto.
  • columns Un array que contenga los nombres de las columnas a incluir.

— Digamos que tenemos el siguiente Array:

let personas = ['GodoFredo', 'James', 'Hans']

👉 Si usamos console.log obtenemos esta salida en la consola:

[ "GodoFredo", "James", "Hans" ]

👉 Sin embargo, con console.table conseguimos:

Puede ver que obtenemos una lista de cada elemento del array. La primera columna de la tabla se identificará como (index), sus valores serán los índices del array. Si data es un objeto, entonces sus valores serán los nombres de las propiedades.

Veamos un objeto

let autor = {
    nombre: 'GodoFredo',
    edad: 11,
    pais: 'Peru'
}

👉 console.log nos entrega esto:

👉 mientras console.table

Esto es fantástico porque ahora nuestro complicado conjunto de objetos está en una tabla fácil de leer. Para mí, es mucho más fácil de entender y lidiar con los datos cuando está en forma de tabla.

Mas información sobre console.table en Firefox

🤔 ¿Qué otras herramientas de depuración has encontrado?