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:
Chrome | Edge | Firefox | Safari | Opera |
Chrome 38 | Edge 12 | Firefox 51 | Safari 7 | Opera 25 |
Oct 2014 | Jul 2015 | Oct 2016 | Oct 2013 | Oct 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;
}
Bucle sobre una cadena
Ejemplo:
let language = "JavaScript";
let text = "";
for (let x of language) {
text += x;
}
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.