Ітерація по Властивостях Об'єкта за Допомогою Циклу for...in
Свайпніть щоб показати меню
У цьому розділі розглядаються розширені концепції роботи з об'єктами. Зокрема, буде висвітлено ітерацію по об'єктах та корисні методи, які JavaScript надає для ефективної роботи з об'єктами. Розпочнемо.
Цикл for...in
Для роботи з властивостями об'єкта, зокрема для їх ітерації, можна використовувати цикл for...in. Цей цикл дозволяє проходити по об'єкту та отримувати доступ до його властивостей і їхніх значень.
for...in — це конструкція в JavaScript, спеціально призначена для ітерації по властивостях об'єкта. Вона надає спосіб отримати ім'я (ключ) кожної властивості та її відповідне значення.
Ось базовий синтаксис циклу for...in:
for (let key in object) {
// Code to be executed for each property
}
key: Змінна, яка під час кожної ітерації містить ім'я поточної властивості;object: Об'єкт, по якому здійснюється ітерація.
Ітерація по властивостях об'єкта на практиці
Розглянемо приклад з об'єктом, що представляє квітку:
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Тепер використаємо цикл for...in, щоб перебрати властивості об'єкта flower та вивести ім'я кожної властивості і її значення:
123456789101112const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
1. Яке основне призначення циклу for...in при роботі з об'єктами?
2. Що представляє собою змінна key у циклі for...in?
3. Яка частина синтаксису циклу for...in містить об'єкт, по якому потрібно ітеруватися?
4. Що буде виведено при ітерації через властивості об'єкта motorbike у наведеному нижче коді?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
