Цикл for...of

Цикл for...of предоставляет простой способ перебрать значения итерируемых объектов, таких как массивы, строки, карты, множества и другие. Он сочетает лаконичность forEach с возможностью использовать break и continue.

Вот базовый синтаксис цикла for...of:

for (const element of iterable) {
    // Код, который будет выполняться для каждого элемента
}

• element: На каждой итерации следующее значение из итерируемого объекта присваивается этой переменной.
• iterable: Объект, по элементам которого выполняется итерация (например, массив или строка).

Вот пример с массивом:

const fruits = ["apple", "banana", "orange"];

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

Вывод:

apple
banana
orange

Вот ещё один пример со строкой:

const text = "hello";

for (const char of text) {
    console.log(char);
}

Вывод:

h
e
l
l
o

По сравнению с традиционными циклами for или методом forEach, for...of предлагает более простой синтаксис для многих распространённых случаев, особенно когда индекс каждого элемента не нужен.