JS-062
for...of у JavaScript: наочний приклад для теми «Перебір значень масиву»
Beginner5 min~5 min read#for-of#loop#array

for...of

Перебір значень масиву

Goal

Навчись проходити по всіх елементах масиву за допомогою циклу for...of.

Explanation

  • for...of перебирає значення масиву.
  • На кожній ітерації ти отримуєш один елемент.
  • Не потрібно працювати з індексами.
  • Це один із найпростіших способів перебору масиву.
  • for...of часто використовують для виведення або обробки даних.

Аналогія

Уяви кошик фруктів. Ти береш один фрукт, потім наступний, потім ще один, поки не переглянеш усі.

Code

const fruits = [
  "Apple",
  "Banana",
  "Orange"
];

for (const fruit of fruits) {
  console.log(fruit);
}

Result: Apple Banana Orange

Типова помилка

Новачки іноді очікують отримати індекс. for...of повертає самі значення, а не їхні номери.

Remember

  • ✦ for...of працює зі значеннями.
  • ✦ Не потрібно використовувати індекси.
  • ✦ Цикл проходить по всіх елементах.

Quick Quiz

Що повертає for...of для масиву?

Resources