console: метод table() статический
Базовая поддержка Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Примечание: Эта функция доступна в Веб-воркерах.
Статический метод console.table() отображает табличные данные в виде таблицы.
Синтаксис
console.table(data) console.table(data, columns)
Параметры
data-
Данные для отображения. Это должен быть массив или объект. Каждый элемент массива или свойство объекта представлен строкой в таблице. Первый столбец таблицы имеет заголовок
(index), а его значения — индексы массива или имена свойств.Если элементы массива или свойства объекта сами являются массивами или объектами, то их элементы или свойства перечисляются в строке по одному на столбец.
Обратите внимание, что в Firefox
console.table()ограничено отображением 1000 строк, включая строку заголовка. columnsНеобязательно-
Массив, который можно использовать для ограничения отображаемых столбцов в таблице. Он содержит индексы, если каждый элемент
dataявляется массивом, или имена свойств, если каждый элементdataявляется объектом. Полученная таблица содержит только столбцы для элементов, соответствующих заданным индексам или именам.
Возвращаемое значение
Ничего (undefined).
Примеры
Коллекции примитивных типов
Аргумент data может быть массивом или объектом.
// an array of strings console.table(["apples", "oranges", "bananas"]);
| (индекс) | Значения |
|---|---|
| 0 | 'яблоки' |
| 1 | 'апельсины' |
| 2 | 'бананы' |
// 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);
| (индекс) | Значения |
|---|---|
| firstName | 'Тайрон' |
| lastName | 'Джоунс' |
Коллекции составных типов
Если элементы в массиве или свойства в объекте сами являются массивами или объектами, то их элементы или свойства перечисляются в строке по одному на столбец:
// an array of arrays const people = [ ["Tyrone", "Jones"], ["Janet", "Smith"], ["Maria", "Cruz"], ]; console.table(people);
| (индекс) | 0 | 1 |
|---|---|---|
| 0 | 'Тайрон' | 'Джоунс' |
| 1 | 'Джанет' | 'Смит' |
| 2 | 'Мария' | 'Крус' |
// 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]);
Если массив содержит объекты, то столбцы маркируются именем свойства.
| (индекс) | firstName | lastName |
|---|---|---|
| 0 | 'Тайрон' | 'Джоунс' |
| 1 | 'Джанет' | 'Смит' |
| 2 | 'Мария' | 'Крус' |
// 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);
| (индекс) | firstName | lastName |
|---|---|---|
| daughter | 'Мария' | 'Джоунс' |
| father | 'Тайрон' | 'Джоунс' |
| mother | 'Джанет' | 'Джоунс' |
Ограничение отображаемых столбцов
По умолчанию console.table() перечисляет все элементы в каждой строке. Вы можете использовать необязательный параметр columns для выбора подмножества отображаемых столбцов:
// 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"]);
| (индекс) | firstName |
|---|---|
| 0 | 'Тайрон' |
| 1 | 'Джанет' |
| 2 | 'Мария' |
Спецификации
| Спецификация |
|---|
| Консоль # table |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
table_static |
27 | 13 | 34 | 11 | 7 | 27 | 34 | 11 | 7 | 1.5 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/console/table_static