Fernando Barrios
Fernando Barrios

Fernando Barrios

Usa console.table en lugar de console.log

Fernando Barrios
·Feb 21, 2022·

1 min read

Usa console.table en lugar de console.log

Subscribe to my newsletter and never miss my upcoming articles

Table of contents

  • Colecciones de tipos primitivos
  • Colecciones de tipos compuestos
  • Restringiendo las columnas mostradas

Una forma interesante de mostrar los resultados de un array o un objeto es utilizar console.table. Esta función toma un argumento obligatorio: data, que debe ser un array o un objeto, y un parámetro adicional: columns.

Colecciones de tipos primitivos

// Array de string
console.table(['Manzana', 'Pera', 'Melón']);

image.png

// Objeto con propiedades de tipo strings
function Persona(nombres, apellidos) {
  this.nombres = nombres;
  this.apellidos = apellidos;
}

var yo = new Persona("Fernando", "Barrios");

console.table(yo);

image.png

Colecciones de tipos compuestos

Si data es un array y sus elementos son array, o bien cuando data sea un objeto y sus propiedades sean un array sus propiedades o elementos se enumerarán en la fila.

// un array de arrays

var personas = [["Fernando", "Barrios"], ["Juan", "Carlos"], ["Carmen", "María"]]
console.table(personas);

image.png

// un array de objetos

console.table([{
    nombre: "Fernando",
    apellido: "Barrios"
}, {
    nombre: "John",
    apellido: "Doe"
}])

image.png

Restringiendo las columnas mostradas

// un array de objetos, donde se mostrará solo la columna apellido

console.table([{
    nombre: "Fernando",
    apellido: "Barrios"
}, {
    nombre: "John",
    apellido: "Doe"
}], ['apellido'])

image.png

 
Share this