console: table() statische Methode

Syntax

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

Parameter

data

Die anzuzeigenden Daten. Dies muss 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, dann werden deren Elemente oder Eigenschaften in der Zeile aufgelistet, jeweils eins pro Spalte.

Beachten Sie, dass in Firefox console.table() auf die Anzeige von 1000 Zeilen begrenzt ist, einschließlich der Kopfzeile.

columns Optional

Ein Array, das verwendet werden kann, um die in der Tabelle angezeigten Spalten einzugrenzen. Es enthält Indizes, wenn jeder Eintrag von data ein Array ist, oder Eigenschaftsnamen, wenn jeder Eintrag von data ein Objekt ist. Die resultierende Tabelle enthält dann nur die Spalten für Elemente, die mit den angegebenen Indizes oder Namen übereinstimmen.

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

// 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 von zusammengesetzten Typen

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, jeweils eins pro Spalte:

// an array of arrays

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

// 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, dann werden die Spalten mit den Eigenschaftsnamen beschriftet.

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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Microsoft Edge-Dokumentation für console.table()
• Node.js-Dokumentation für console.table()
• Google Chrome-Dokumentation für console.table()