console: table() statische Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Die console.table() statische Methode zeigt tabellarische Daten als Tabelle an.

Syntax

js
console.table(data)
console.table(data, columns)

Parameter

data

Die anzuzeigenden Daten. Diese müssen entweder ein Array oder ein Objekt sein. Jedes Element im Array oder jede Eigenschaft im Objekt wird durch eine Zeile in der Tabelle dargestellt. Die erste Spalte der Tabelle ist mit (index) beschriftet und ihre Werte sind die Array-Indizes oder Eigenschaftsnamen.

Wenn die Elemente im Array oder die Eigenschaften im Objekt selbst Arrays oder Objekte sind, dann werden deren Elemente oder Eigenschaften in der Zeile aufgelistet, eins pro Spalte.

Beachten Sie, dass in Firefox console.table() auf die Anzeige von 1000 Zeilen, einschließlich der Überschriftenzeile, beschränkt ist.

columns Optional

Ein Array, mit dem die in der Tabelle angezeigten Spalten eingeschränkt werden können. Es enthält Indizes, wenn jeder Eintrag von data ein Array ist, oder Eigenschaftsnamen, wenn jeder Eintrag von data ein Objekt ist. Die resultierende Tabelle enthält dann nur Spalten für Elemente, die mit den angegebenen Indizes oder Namen übereinstimmen.

Rückgabewert

Keiner (undefined).

Beispiele

Sammlungen primitiver Typen

Das data-Argument kann ein Array oder ein Objekt sein.

js
// an array of strings

console.table(["apples", "oranges", "bananas"]);
(index) Werte
0 'apples'
1 'oranges'
2 'bananas'
js
// an object whose properties are strings

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

const me = new Person("Tyrone", "Jones");

console.table(me);
(index) Werte
firstName 'Tyrone'
lastName 'Jones'

Sammlungen zusammengesetzter Typen

Wenn die Elemente im Array oder die Eigenschaften im Objekt selbst Arrays oder Objekte sind, werden deren Elemente oder Eigenschaften in der Zeile aufgelistet, eins pro Spalte:

js
// an array of arrays

const people = [
  ["Tyrone", "Jones"],
  ["Janet", "Smith"],
  ["Maria", "Cruz"],
];
console.table(people);
(index) 0 1
0 'Tyrone' 'Jones'
1 'Janet' 'Smith'
2 'Maria' 'Cruz'
js
// an array of objects

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]);

Wenn das Array Objekte enthält, werden die Spalten mit dem Eigenschaftsnamen beschriftet.

(index) firstName lastName
0 'Tyrone' 'Jones'
1 'Janet' 'Smith'
2 'Maria' 'Cruz'
js
// an object whose properties are objects

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'

Einschränken der angezeigten Spalten

Standardmäßig listet console.table() alle Elemente in jeder Zeile auf. Sie können den optionalen columns-Parameter verwenden, um eine Teilmenge der anzuzeigenden Spalten auszuwählen:

js
// 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'

Spezifikationen

Specification
Console Standard
# table

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch