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:
![](https://godofredo.ninja/content/images/2019/01/console-table.jpg)
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:
![](https://godofredo.ninja/content/images/2019/01/console-table-one.jpg)
? mientras console.table
![](https://godofredo.ninja/content/images/2019/01/console-table-two.jpg)
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?