Console.table()

Muestra datos tabulares como una tabla.

Esta funci√≥n toma un argumento obligatorio: data, que debe ser un array o un objeto, y un par√°metro adicional: columns.

Muestra data como una tabla en la consola. Cada elemento en el array (o propiedad enumerable si data es un objeto) ser√° una fila en la tabla.

La primera columna de la tabla se identificar√° como (index). Si data es un array, sus valores ser√°n los √≠ndices del array. Si data es un objeto, entonces sus valores ser√°n los nombres de las propiedades. Tenga en cuenta que (en Firefox) console.table est√° limitado a mostrar 1000 filas (la primera columna es la llamada index).

Nota: Esta característica está disponible en Web Workers.

Colecciones de tipos primitivos

El argumento data puede ser un array o un objeto.

// un array de strings

console.table(["apples", "oranges", "bananas"]);

// un objeto cuyas propiedades son strings

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

var me = new Person("John", "Smith");

console.table(me);

Colecciones de tipos compuestos

Si los elementos en el array, o propiedades en el objeto, son también arrays u objetos, sus elementos o propiedades serán enumeradas en la fila, una por columna:

// un array de arrays

var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
console.table(people);

Table displaying array of arrays

// un array de objetos

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");

console.table([john, jane, emily]);

Tenga en cuenta que si el array contiene objetos, las columnas se etiquetar√°n con el nombre de la propiedad.

Table displaying array of objects

// un objeto cuyas propiedades son objetos

var family = {};

family.mother = new Person("Jane", "Smith");
family.father = new Person("John", "Smith");
family.daughter = new Person("Emily", "Smith");

console.table(family);

Table displaying object of objects

Restringiendo las columnas mostradas

Por defecto, console.table() muestra todos los elementos de cada fila. Puedes emplear el par√°metro opcional columns  para seleccionar un subconjunto de columnas que mostrar:

// an array of objects, logging only firstName

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");

console.table([john, jane, emily], ["firstName"]);

Table displaying array of objects with filtered output

Ordenando columnas

Se puede ordenar la tabla por una columna en particular pulsando en la etiqueta de dicha columna.

Sintaxis

console.table(data [, columns]);

Par√°metros

data
La información a mostrar. Puede ser tanto un array como un objeto.
columns
Un array que contenga los nombres de las columnas a incluir.

Especificaciones

Especificación Estado Comentario
Console API
La definición de 'console.table()' en esta especificación.
Living Standard Definición inicial

Compatibilidad con navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)
Característica Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Soporte b√°sico (Yes) (Yes) 34.0 (34.0) Sin soporte (Yes) (Yes)
Disponible en workers (Yes) ? 38.0 (38.0) ? (Yes) ?
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte b√°sico ? (Yes) 34.0 (34.0) ? ? ?
Disponible en workers ? ? 38.0 (38.0) ? ? ?