Spec-Zone.ru › Web APIs

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

См. также

  • Документация Microsoft Edge для console.table()
  • Документация Node.js для console.table()
  • Документация Google Chrome для console.table()

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API