El método console.table en JavaScript

Contenido del Bootcamp Dirigido por: | Última modificación: 20 de mayo de 2024 | Tiempo de Lectura: 2 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

Uno de los métodos globales más importantes de JavaScript es el console.log, el cual nos permite acceder al método log de la consola para pintar en pantalla los elementos que deseemos, sea llamándolos por nombre o definiéndolos entre sus paréntesis. No obstante, console.table en JavaScript es igual de relevante, a pesar de ser un método de la consola menos conocido. Por ello, en este post te enseñaremos qué es y cómo funciona el método console.table en JavaScript.

¿Qué es console.table en JavaScript?

El comando console.table en JavaScript es una forma de acceder al método table dentro de la consola de este lenguaje de programación, al igual que console.log nos permite acceder al método log para pintar elementos en la pantalla. Como su nombre indica, este método pinta en pantalla los elementos, sea de un array o de un objeto, en forma de tabla o cuadrícula. Ejecutar esta acción puede ser muy útil para pintar matrices de datos, como lo serían los resultados de un torneo o los estados financieros de una empresa.

Pensemos en un array que se ha recorrido con distintas propiedades. Con console.log y console.table, JavaScript nos da dos maneras de mostrar los elementos de este array. Por un lado, console.log pintaría de manera individual cada elemento del array con sus propiedades dentro. Por su parte, el comando console.table en JavaScript pinta una matriz en la que se define por un lado el elemento y por el otro sus propiedades. A continuación, puedes ver un ejemplo de esta diferencia.

console.log

name: ‘A’,

matchesWon: 0

matchesDraw: 0,

matchesLost: 2,

name: ‘C’,

matchesWon: 1

matchesDraw: 0,

matchesLost: 1,

console.table

indexnamematchesWonmatchesDrawmatchesLost
0A002
1C101

Observa que el comando console.table en JavaScript, además de pintar los elementos del array y sus propiedades, pinta el valor del índice de cada elemento. Para entender este concepto, te sugerimos leer nuestro post sobre cómo funciona el índice de un array en JavaScript. Sin embargo, cuando el elemento que pintamos en pantalla no es un array, los valores que veremos en el índice no serán números, sino los nombres de las propiedades del objeto. Es importante que tengas en cuenta que esta columna, al ser una propiedad intrínseca a JavaScript, no puede eliminarse de la tabla que se pinta en pantalla.

En realidad, eliminar cualquier columna de un console.table en JavaScript es un proceso particular. Para conocer cómo hacer esto de una forma más detallada, te invitamos a leer nuestro post sobre eliminar una columna de console.table en JavaScript.

Ahora que sabes cómo funciona el método console.table en JavaScript, lo que sigue en tu camino para dominar este lenguaje de programación es dedicarte a aprender su teoría y práctica. Para ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, donde no solo aprenderás a dominar JavaScript con ejercicios prácticos y los mejores profesores, sino que también aprenderás todo lo necesario para convertirte en un experto del desarrollo web en pocos meses. ¡No te pierdas esta oportunidad y matricúlate ya!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado