Цикл for...of

Цикл for...of предоставляет простой способ перебора значений итерируемых объектов, таких как массивы, строки, коллекции Map, Set и другие. Он сочетает в себе лаконичность 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 предлагает более простой синтаксис для многих распространенных случаев использования, особенно когда вам не нужен индекс каждого элемента.