English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод console.table() для HTML DOM

 Объект консоли JavaScript

console.table();Метод отображает данные таблицы в виде таблицы в консоли.

Этот метод принимает обязательный параметрdata(должен быть массивом или объектом) и дополнительным опциональным параметромcolumn.

Первая колонка таблицы будет помечена как (index)

Еслиdataэто массив, то значения будут индексами массива.

ЕслиdataЕсли это объект, то его значения будут именами свойств.

Синтаксис:

console.table(data, columns)
console.table(["Apples", "Oranges", "Bananas"]);
Проверьте, посмотрите‹/›

Совместимость браузеров

Метод console.table() полностью поддерживается всеми браузерами:

Метод
console.table();ЭтоЭтоЭтоЭтоЭто

Значение параметра

ПараметрОписание
dataДанные, которые нужно показать. Это должно быть массив или объект
columnsМассив имен столбцов, которые должны быть включены в вывод

Более сложные примеры

dataПараметр как объект:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
{}
var me = new Person("Seagull", "Anna");
console.table(me);
Проверьте, посмотрите‹/›

Если элемент массива или свойство объекта本身就是 массив или объект, то его элементы или свойства перечисляются в строке, по одной в столбце:

var people = [["Seagull", "Anna"], ["Ankit", "Kumar"], ["Rudra", "GI"]];
console.table(people);
Проверьте, посмотрите‹/›

По умолчанию, console.table() перечисляет все элементы в каждой строке. Вы можете использовать опциональныеcolumnsПараметры для выбора подмножества отображаемых столбцов:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
{}
var Seagull = new Person("Seagull", "Anna");
var ankit = new Person("Ankit", "Kumar");
var rudra = new Person("Rudra", "GI");
console.table([Seagull, ankit, rudra], ['firstName']);
Проверьте, посмотрите‹/›

 Объект консоли JavaScript