Вивчайте Використання Циклу for...of Для Ітерації Масиву

Свайпніть щоб показати меню

Синтаксис

Цикл for...of — це сучасніший і лаконічний спосіб ітерувати масиви. Він автоматично керує лічильником циклу та надає прямий доступ до значення кожного елемента. Синтаксис циклу for...of виглядає так:

for (const element of array) {
  // Code to be executed for each array element
}

У цьому синтаксисі:

const element — змінна, що зберігає значення кожного елемента під час ітерації;
of array — вказує масив, який потрібно обійти.

Приклад

Ось приклад використання циклу for...of для досягнення такого ж результату, як і попередній цикл for:


              12345
            
const students = ["Brandon", "Mario", "Saul"];

for (const student of students) {
  console.log(student);
}

Рядок 1: оголошується константа з іменем students і їй присвоюється масив із трьох рядків — "Brandon", "Mario" та "Saul". Цей масив представляє список імен студентів;
Рядок 3: починається цикл for...of. Цей цикл використовується для поелементного перебору масиву students;
Рядок 4: всередині циклу for...of використовується функція console.log() для виведення значення поточного елемента у консоль. Змінна student представляє поточний елемент масиву під час кожної ітерації циклу. Тобто, під час першої ітерації це буде "Brandon", під час другої — "Mario", а під час третьої — "Saul".