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

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 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 von data 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.

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 ihre Elemente oder Eigenschaften in der Zeile aufgelistet, jeweils eine 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ä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:

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
# table

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
table() static method

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch