🌸ꗥ～ꗥ🌸 𝐋𝐞𝐭’𝐬 𝐄𝐱𝐩𝐥𝐨𝐫𝐞 𝐚𝐛𝐨𝐮𝐭 𝐧𝐞𝐰 𝐂𝐨𝐧𝐜𝐞𝐩𝐭 𝐨𝐟 𝐭𝐡𝐞𝐏𝐨𝐰𝐞𝐫 𝐨𝐟 𝐜𝐨𝐧𝐬𝐨𝐥𝐞.𝐭𝐚𝐛𝐥𝐞() 𝐢𝐧 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 🌸ꗥ～ꗥ🌸
𝙏𝙝𝙚 𝙘𝙤𝙣𝙨𝙤𝙡𝙚 𝙤𝙗𝙟𝙚𝙘𝙩 𝙥𝙧𝙤𝙫𝙞𝙙𝙚𝙨 𝙖𝙘𝙘𝙚𝙨𝙨 𝙩𝙤 𝙩𝙝𝙚 𝙗𝙧𝙤𝙬𝙨𝙚𝙧’𝙨 𝙙𝙚𝙗𝙪𝙜𝙜𝙞𝙣𝙜 𝙘𝙤𝙣𝙨𝙤𝙡𝙚.
Отладка — это навык, который должен быть у всех разработчиков🧰
Без сомнения, console.log() — очень полезный, быстрый и простой метод отладки. Многие из разработчиков, вероятно, пытаются сначала использовать console.log() для отладки кода javascript, и в этом нет ничего плохого. Но сегодня я поделюсь советом, который поможет начинающим разработчикам javascript более эффективно и легко отлаживать код javascript. вы рады утешить?🙃
Итак, что такое console.table()❓
console.table() позволяет выводить массивы и объекты на консоль в табличной форме. Эта функция принимает один обязательный аргумент data, который должен быть массивом или объектом, и один дополнительный столбец необязательных параметров.
Он регистрирует данные в виде таблицы. Каждый элемент в массиве (или перечисляемое свойство, если данные являются объектом) будет строкой в таблице. Вы также можете быстро сортировать столбцы.
Синтаксис🤓
console.table(data,columns);
//или
console.table(data);
• data:- Данные для заполнения таблицы. Это должен быть либо массив, либо объект.
• columns:- массив, содержащий имена столбцов, которые должны быть включены в таблицу.
Как реализовать console.table()🤔❓
console.table можно реализовать следующими способами:
а.) Массив
Если значением аргумента данных является массив, то столбец индекса будет увеличен на единицу, при этом начальное значение равно 0.
var citys=["noida","delhi","gurugram"];
console.table(cities);
Выход🤩: -
Если вы хотите отсортировать столбец, щелкните заголовок этого столбца.
б.) Массив массивов:
Если вы хотите напечатать массив массивов, имена столбцов будут увеличиваться так же, как значения столбцов индекса.
let Flight=[["индиго","spicejet"],["goair","airasia"],["britishIndia","ocasaair"]];
консоль.таблица(полет);
Выход🤩: -
c.) Объект
Если значение аргумента данных является объектом, тогда столбец индекса представляет ключи, а столбец значения представляет значение, соответствующее этому конкретному ключу.
var user={
имя: "jack rayan",
возраст: 45,
пол: "мужской",
}
console.table(user);
Вывод🤩:-
г.) Массив объектов
Если значением аргумента данных является массив объектов, то их свойства перечисляются в строке, по одному на столбец.
var users = [
{
имя: «райан»,
возраст: 45
},
{
имя: «манглам»,
возраст: 35
},< br /> {
имя: «суровый»,
возраст: 25
}
];
console.table(users);
Вывод🤩: -
e.) Вложенные объекты:
Если значением аргумента данных являются вложенные объекты, то есть объект, свойства которого сами являются объектами. В этом случае метод console.table() соответствующим образом помечает индекс свойствами вложенных объектов. фамилия: История,
электронная почта: [email protected]
},
менеджер: {
имя: Амит,
фамилия: Бхатт,
электронная почта: «[email protected]»
},
разработчик: {
имя: Парам,
фамилия: Дутта ,
электронная почта: «[email protected]»
}
}
console.table(employees);
Вывод🤩:-
Что делать, если у вас есть объект с более чем 10 свойствами😳🤯?
Очевидно, что если у вас есть очень большой объект с большим количеством свойств, эта таблица может стать очень большой, и данные могут быть трудночитаемыми.
> Но замечательным фактом о консоли является то, что console.table позволяет нам передать необязательный второй аргумент, который будет указывать нужные столбцы и выводить только их. Это отличная функция для отладки, даже если данные имеют больше свойств.
Давайте рассмотрим пример, чтобы получить точное представление:-
var employee = {
руководитель: {
id: 10001,
имя: Эндрю,
> фамилия: История,
электронная почта: [email protected]
},
менеджер: {
id: 10002,
имя : Амит,
фамилия: Бхатт,
электронная почта: «[email protected]»
},
разработчик: {
id:” 10003',
имя: Param,
фамилия: Dutta,
электронная почта: «[email protected]»
}
}
console.table(employees,["id","firstname"]);
Output🤩
Если вам нужен только один столбец, это можно сделать так:
console.table(employees, «id»);
Output🤩
Это все для этого сообщения в блоге. Если вам понравилось учиться и вы нашли это полезным, пожалуйста, поставьте лайк и поделитесь, чтобы оно дошло и до других 🤝
Спасибо за прочтение 😃
Я бы ❤ связалась с вами в LinkedIn | Гитхаб
