Ітерація по Властивостях Об'єкта за Допомогою Циклу 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 у наведеному нижче коді?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you explain what the output of this code will look like?
What happens if the object has properties inherited from its prototype?
Can you show how to skip certain properties during iteration?
Awesome!
Completion rate improved to 2.27Ітерація по Властивостях Об'єкта за Допомогою Циклу 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 у наведеному нижче коді?
Дякуємо за ваш відгук!
