Bucle for...of

El bucle for...of ofrece una forma sencilla de iterar sobre los valores de objetos iterables, como matrices, cadenas, mapas, conjuntos y otros. Combina la concisión de forEach con la posibilidad de usar break y continue.

Esta es la sintaxis básica de un bucle for...of:

for (const element of iterable) {
    // Código que se ejecutará para cada elemento
}

• element: En cada iteración, el siguiente valor del objeto iterable se asigna a esta variable.
• iterable: El objeto cuyos elementos se recorren en una iteración (por ejemplo, un array o una cadena).

Aquí tienes un ejemplo con un arreglo:

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

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

Salida:

apple
banana
orange

Aquí tienes otro ejemplo con una cadena:

const text = "hello";

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

Salida:

h
e
l
l
o

En comparación con los bucles for tradicionales o el método forEach, for...of ofrece una sintaxis más sencilla para muchos casos de uso comunes, especialmente cuando no necesitas el índice de cada elemento.