Mostrar tablas por consola en Javascript

02/Oct/2021 JavaScript Deja un comentario
Ejemplos Programación en Javascript

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.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.