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: Diese Funktion ist in Web Workers verfügbar.
Die statische Methode console.table()
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 in der Tabelle ist mit
(index)
beschriftet, und ihre Werte sind die Array-Indizes oder die Eigenschaftsnamen.Wenn die Elemente im Array oder die Eigenschaften im Objekt selbst Arrays oder Objekte sind, werden ihre Elemente oder Eigenschaften in der Zeile aufgelistet, jeweils eine pro Spalte.
Beachten Sie, dass in Firefox
console.table()
darauf beschränkt ist, 1000 Zeilen anzuzeigen, einschließlich der Kopfzeile. columns
Optional-
Ein Array, das verwendet werden kann, um die in der Tabelle angezeigten Spalten einzuschränken. Es enthält Indizes, wenn jedes Element von
data
ein Array ist, oder Eigenschaftsnamen, wenn jedes Element vondata
ein Objekt ist. Die resultierende Tabelle enthält dann nur Spalten für Elemente, die den angegebenen Indizes oder Namen entsprechen.
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 ihre Elemente oder Eigenschaften in der Zeile aufgelistet, jeweils eine 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änkung 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 # table |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
table() static method |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support