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, eine 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, das verwendet werden kann, um die in der Tabelle angezeigten Spalten einzuschränken. 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 die Spalten für Elemente, die den angegebenen Indizes oder Namen entsprechen.
Rückgabewert
Kein (undefined
).
Beispiele
Sammlungen von primitiven 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 von zusammengesetzten 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, 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 Standard # table |
Browser-Kompatibilität
BCD tables only load in the browser