JavaScript For Of

JavaScript For Of

Contenido original de W3Schools


La sentencia for of ejecuta un bloque de código para cada elemento de un objeto iterable, como lo son: String , Array, objetos similares a array, TypedArray y Map, iterables definidos por el usuario.


El bucle For Of

La instrucción for of de JavaScript recorre los valores de un objeto iterable.

Le permite recorrer estructuras de datos iterables como matrices, cadenas, mapas, listas de nodos y más:

Sintaxis:

**for (variable of iterable) {**
  // bloque de codigo a ejecutar
**}**

variable: para cada iteración, el valor de la siguiente propiedad se asigna a la variable. La variable se puede declarar con const, let o var.

iterable: un objeto que tiene propiedades iterables.


Soporte del navegador

For/of se agregó a JavaScript en 2015 (ES6)

Safari 7 fue el primer navegador compatible con:

ChromeEdgeFirefoxSafariOpera
Chrome 38Edge 12Firefox 51Safari 7Opera 25
Oct 2014Jul 2015Oct 2016Oct 2013Oct 2014

For/of no es compatible con Internet Explorer.


Bucle sobre una matriz

Ejemplo:

const cars = ["BMW", "Volvo", "Mini"];

let text = "";
for (let x of cars) {
  text += x;
}

Ver ejemplo


Bucle sobre una cadena

Ejemplo:

let language = "JavaScript";

let text = "";
for (let x of language) {
text += x;
}

Ver ejemplo


El bucle while

Los bucles while y do/ while se explican en el siguiente capítulo.


W3Schools es el sitio de desarrolladores web más grande del mundo.

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!