DEV Community

loading...
Cover image for Truco con console.log para hacer Debug
equimancho

Truco con console.log para hacer Debug

Camilo Martinez
['Family Man', 'Engineer', 'Software Developer', 'Metalhead', 'English Student' ]
Updated on ・1 min read

Idiomas: [🇺🇸] English - [🇪🇸] Español


Algunas veces necesitamos mostrar en la consola múltiples valores de las variables con console.log y para poderlos identificar adicionamos algún texto inicial el cual indica la salida a la que corresponde cada variable.

console.log("name: ", name);
console.log("age: ", age);
console.log("language: ", language);
console.log("isDev: ", isDev);
Enter fullscreen mode Exit fullscreen mode

console.log

Truco

Una forma de hacer lo mismo sin tener que escribir esos textos de identificación es meter todas esas variables dentro de un {}.

   console.log( {name, age, language, isDev} );
Enter fullscreen mode Exit fullscreen mode

console.log

Pero espera un momento, si cambiamos una sola palabra puede ser aún mejor.

Super truco

Cambia .log por .table y ya está. Vamos a poder ver el resultado tanto de nombres como de valores de forma más legible.

   console.table( {name, age, language, isDev} );
Enter fullscreen mode Exit fullscreen mode

console.table


That’s All Folks!
Happy Coding 🖖

Invítame a un café

Discussion (1)

Collapse
nicoalani profile image
Nico Alani -✨🛸☄️ • Edited

Muy buen post!.
No tenia idea lo de

console.table();
Enter fullscreen mode Exit fullscreen mode


😯