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"]);
(index) | Values |
---|---|
0 | 'apples' |
1 | 'oranges' |
2 | 'bananas' |
// un objeto cuyas propiedades son strings
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
var me = new Person("Tyrone", "Jones");
console.table(me);
(index) | Values |
---|---|
firstName | 'Tyrone' |
lastName | 'Jones' |
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
const people = [
["Tyrone", "Jones"],
["Janet", "Smith"],
["Maria", "Cruz"],
];
console.table(people);
(index) | 0 | 1 |
---|---|---|
0 | 'Tyrone' | 'Jones' |
1 | 'Janet' | 'Smith' |
2 | 'Maria' | 'Cruz' |
// un array de objetos
function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");
console.table([tyrone, janet, maria]);
Tenga en cuenta que si el array contiene objetos, las columnas se etiquetarán con el nombre de la propiedad.
(index) | firstName | lastName |
---|---|---|
0 | 'Tyrone' | 'Jones' |
1 | 'Janet' | 'Smith' |
2 | 'Maria' | 'Cruz' |
// un objeto cuyas propiedades son objetos
const family = {};
family.mother = new Person("Janet", "Jones");
family.father = new Person("Tyrone", "Jones");
family.daughter = new Person("Maria", "Jones");
console.table(family);
(index) | firstName | lastName |
---|---|---|
daughter | 'Maria' | 'Jones' |
father | 'Tyrone' | 'Jones' |
mother | 'Janet' | 'Jones' |
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;
}
const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");
console.table([tyrone, janet, maria], ["firstName"]);
(index) | firstName |
---|---|
0 | 'Tyrone' |
1 | 'Janet' |
2 | 'Maria' |
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
Especificaciones
Specification |
---|
Console Standard # table |
Compatibilidad con navegadores
BCD tables only load in the browser