Цикл 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 предлагает более простой синтаксис для многих распространённых случаев, особенно когда вам не нужен индекс каждого элемента.