JavaScript para de

Tabla de contenido

    Mostrar tabla de contenidos

El bucle for of

Los bucles de instrucción for of de JavaScript a través de 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) {
  // code block to be executed
}

variable: para cada iteración, el valor de la siguiente propiedad es asignado a la variable. 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 38 Edge 12 Firefox 51 Safari 7 Opera 25
Oct 2014 Jul 2015 Oct 2016 Oct 2013 Oct 2014

Para/de 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;
}

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>
<p>The for of statement loops through the values of any iterable object:</p>

<p id="demo"></p>

<script>
const cars = ["BMW", "Volvo", "Mini"];

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

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Bucle sobre una cuerda

Ejemplo

let language = "JavaScript";

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

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Of Loop</h2>

<p>The for of statement loops through the values of an iterable object.</p>

<p id="demo"></p>

<script>
let language = "JavaScript";

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

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

El bucle while

El bucle while y el bucle do/ while se explican en el siguiente capítulo.