Normalmente usamos console.log() para probar si nuestras funciones hacen algo, o para si nuestros objetos tienen los propiedades que deberian tener, imagines que por algun motivo en especial tenemos los siguientes objetos:
const pikachu = {name: ‘pikachu’, type: ‘ice’, hp: 50}
const glaceon = {name: ‘glaceon’, type: ‘lighting’, hp: 100}
const charizard = {name: ‘charizard’, type: ‘fire’, hp: 200}
Para imprimir esto normalmente hariamos un console.log() para cada uno de nuestros objetos. lo cual no es realmente una buena practica, mas cuando podriamos ahorrar un par de lineas de codigo para evitar repeticion, en su lugar podriamos usar console.log( glaceon, pikachu, charizard ) y nos mostraria lo siguiente:
Esto funciona bien y es bastante legible, pero al menos para mi tiene un problema, si quiero ver todos mis objetos, tendria que abrir un objeto y cerrarlo para ver otro objeto y asi por cada objeto que quiera ver
¿ Que tal si para hacerlo mas legible creamos una tabla en la consola y un titulo ?
TItulo:
console.log( ‘%c Pokemones’, ’ color: #156c77; font-weight: bold; ’ )
¿ Que hace esto ? ‘%c pokemones’ %c habilita estilos css para el contenido que este dentro de las comillas en este caso pokemones, en las siguientes comillas debes agregar tus estilos css para que hagan efecto en Pokemones
Tabla:
afortunadamente esto es posible, similar a nuestro console.log() de nuestros pokemones, podemos hacer una tabla de estos objetos que nos muestra el index y todas las propiedades de nuestros objetos y para eso hacemos:
console.table( [glaceon, pikachu, charizard] ) este lo que hace es crear una tabla de nuestros objetos, tal como esta:
