Console.table свойство консоли Chrome Javascript Debugging, о которой вы, вероятно, даже не подозревали

Console.table отображает в консоли таблицу с информацией об объекте или массиве. Первый столбец в таблице будет помечен (индекс). Если данные являются массивом, то их значения будут индексами массива. Если данные являются объектом, тогда его значения будут именами свойств, тогда все свойства будут отображаться соответственно.

Console.table лучше всего работает (что и говорить) для табличных данных. Если все объекты и массивы имеют нерегулярную структуру, в результате вы получите большинство ячеек, содержащих пустые значения, и в списке будет указана только пара свойств. Эта функция дает вам лучший обзор ваших данных в большинстве ситуаций.

Массивы

var films = [
{name:"Batman vs Superman",value:"20$"},
{name:"Ted 2",value:"15$"},
{name:"500 Days of summer",value:"5$"},
{name:"Batman : The Dark Knight",value:"20$"}
];
console.table(films);

Ваша консоль должна вывести:

Хромированная консоль

Ницца нет?

Объекты

var mostViewedFilmsInWorldWideCinemas = {
china: {name:"Batman vs Superman",revenues:"225M$"},
usa: {name:"Batman vs Superman",revenues:"220M$"},
brazil:{name:"Batman vs Superman",revenues:80000000},
colombia:{name:"Batman vs Superman",revenues:"92M$"},
spain:{name:"Batman vs Superman",revenues: undefined},
disneyLand:{name:"Bambi"},
};
console.table(mostViewedFilmsInWorldWideCinemas);

Вывод вашей консоли должен выглядеть следующим образом:

Консоль хромированный стол

Исключая данные из отображаемых

Чтобы исключить определенное поле из объекта, метод console.table ожидает массив в качестве второго параметра с именами свойства, которое должно отображаться:

var mostViewedFilmsInWorldWideCinemas = {
china: {name:"Batman vs Superman",revenues:"225M$"},
usa: {name:"Batman vs Superman",revenues:"220M$"},
brazil:{name:"Batman vs Superman",revenues:80000000},
colombia:{name:"Batman vs Superman",revenues:"92M$"},
spain:{name:"Batman vs Superman",revenues: undefined},
disneyLand:{name:"Bambi"},
};
// Show me only the names
console.table(mostViewedFilmsInWorldWideCinemas,["name"]);

Вывод должен выглядеть так:

Chrome исключить таблицу полей

Вы можете отсортировать таблицу по определенному столбцу, нажав на ярлык этого столбца. Вы не будете внезапно использовать console.table для регистрации всего, что вам нужно, данные должны быть очень явными и создавать организованную структуру, но не бойтесь запутаться с этой функцией в вашей консоли, продолжайте, протестируйте ее!

Ссылка на основную публикацию
Adblock
detector