Bucle for...of

El bucle for...of proporciona una forma sencilla de iterar sobre los valores de objetos iterables, como arrays, cadenas, mapas, conjuntos y más. Combina la concisión de forEach con la capacidad de usar break y continue.

Aquí está la sintaxis básica de un bucle for...of:

for (const element of iterable) {
    // Código a 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 están iterando (por ejemplo, un array o una cadena).

Aquí tienes un ejemplo con un array:

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

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

Resultado:

apple
banana
orange

Aquí hay otro ejemplo con una cadena:

const text = "hello";

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

Resultado:

h
e
l
l
o

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