Artículos
Javascript

Mostrar tablas por consola en Javascript

02/Oct/2021

Si estás programando en Javascript seguro que más de una vez has volcado contenido a la consola para ver qué está sucediendo en tu programa. Y para ello te habrás apoyado en el método console.log(). Si bien, sabías que, además de texto, puedes mostrar tablas por consola en Javascript. Es decir, puedes volcar el contenido de tus objetos como si fuesen líneas de una tabla.

Para poder mostrar tablas por consola en Javascript deberás de utilizar el método console.table(). Pero, ¿qué recibe el método console.table()? Pues dicho método recibe un array de elementos. Así su sintaxis será la siguiente:

console.table(array);

De esta forma, lo que vamos a hacer es crear un array de objetos en Javascript. Para ello definimos un sencillo objeto Persona que tiene 2 atributos que son nombre y edad. El código nos quedará de la siguiente forma:

function Persona(nombre,edad){
    this.nombre = nombre;
    this.edad = edad;
}

Y creamos varios objetos de tipo persona, cada uno con unos valores diferentes:

p1 = new Persona("Marta",36);
p2 = new Persona("Luis",12);
p3 = new Persona("Javier",43);

De esta forma lo que vamos a pasar al método console.table() será un array de estos objetos. Creamos el array directamente en el parámetro del método.

console.table([p1,p2,p3]);

Así podremos ver que se nos muestra por consola lo siguiente:

Mostrar tablas por consola en Javascript

También podemos generar la tabla de solo una de las propiedades de los objetos del array. La sintaxis será la siguiente:

console.table(array,array_propiedades);

Vemos que las propiedades a mostrar pueden ser varias, por eso es un array de propiedades.

De esta forma si de nuestros objetos solo queremos sacar una propiedad, como por ejemplo, la edad, lo codificaremos de la siguiente forma:

console.table([p1,p2,p3],['edad']);

En este caso la salida por consola de la tabla se verá de la siguiente forma:

Mostrar tablas y una propiedad por consola en Javascript

Así ya hemos visto la potencia que tiene console.table() para Mostrar tablas por consola en Javascript. Seguro que si no la has utilizado ahora empezarás a utilizarla.

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
0 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios