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
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 vondata
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.
// an array of strings
console.table(["apples", "oranges", "bananas"]);
(index) | Werte |
---|---|
0 | 'apples' |
1 | 'oranges' |
2 | 'bananas' |
// 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:
// 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' |
// 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' |
// 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:
// 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