Estructura Javascript for of

El otro día veíamos como realizar una estructura Javascript for in. Hoy vamos a hablar sobre la estructura Javascript for of. A día de hoy la estructura Javascript for of está en formato experimental y propuesta para ser incluida dentro de Ecma Script 6.

La estructura Javascript for of permite que dentro de la ejecución del bucle tengamos acceso al elemento que estemos tratando, algo más parecido a lo que hacen otros lenguajes mediante sentencias de estructura for each. Y es que la estructura Javascript for in solo nos proporciona el índice o secuencial del elemento que queremos tratar.

Sintaxis de for of

La sintaxis de la estructura Javascript for of es la siguiente:

for (variable of objeto) {
  // código a ejecutar
}

Donde objeto será el objeto sobre el que queramos iterar y variable contendrá el elemento sobre el que estamos iterando.

Ejemplo de for of

Vamos a ver como funciona la estructura Javascript for of. Para ello lo primero será crear un array de elementos:

var nombres = ["Luis", "Carlos", "María", "Ana"];

Lo siguiente será definir la estructura Javascript for of con el array nombres como objeto:

for (let name of nombres) {
  console.log(name);
}

En este caso la variable name contiene el elemento de array que estamos tratando, por lo cual simplemente tenemos que volcarlo por pantalla.

A la hora de probarlo tienes que utilizar el navegador Mozilla Firefox, ya que es el único navegador que a día de hoy está ofreciendo esta estructura de forma experimental.