console.table() — Methode · JavaScript-Referenz

Signatur

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

Beschreibung

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

Parameter

Name	Typ	Default	Beschreibung
$data Pflicht	Array \| Object	—	Die anzuzeigenden Daten. Dies muss entweder ein Array oder ein Objekt sein. Jedes Element im Array bzw. jede Eigenschaft im Objekt wird durch eine Zeile in der Tabelle dargestellt. Die erste Spalte der Tabelle ist mit `(index)` beschriftet und enthält als Werte die Array-Indizes oder die Eigenschaftsnamen. Wenn die Elemente im Array oder die Eigenschaften im Objekt selbst Arrays oder Objekte sind, werden deren Elemente oder Eigenschaften in der Zeile aufgeführt, eines pro Spalte. Beachten Sie, dass `console.table()` in Firefox auf die Anzeige von 1000 Zeilen einschließlich der Kopfzeile beschränkt ist.
$columns	Array	—	Ein Array, mit dem die in der Tabelle angezeigten Spalten eingeschränkt werden können. Es enthält Indizes, falls jeder Eintrag von `data` ein Array ist, oder Eigenschaftsnamen, falls jeder Eintrag 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

Typ

undefined

Beschreibung

Keiner.

Beispiele

Sammlungen primitiver Typen

// an array of strings

console.table(["apples", "oranges", "bananas"]);

Sammlungen primitiver Typen – Objekt

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

Sammlungen zusammengesetzter Typen – Array von Arrays

// an array of arrays

const people = [
  ["Tyrone", "Jones"],
  ["Janet", "Smith"],
  ["Maria", "Cruz"],
];
console.table(people);

Sammlungen zusammengesetzter Typen – Array von Objekten

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

Sammlungen zusammengesetzter Typen – Objekt aus Objekten

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

Einschränken der angezeigten Spalten

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

// Wichtig · Fallstricke

In Firefox ist console.table() auf die Anzeige von 1000 Zeilen (einschließlich der Kopfzeile) beschränkt.