JavaScript Iterables

---

Los iterables son objetos iterables (como matrices). Se puede acceder a iterables con un código simple y eficiente. Los iterables se pueden iterar con bucles for..of

---

El bucle For Of

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

Sintaxis:

for (variable of iterable) {
  // bloque de código a ejecutar
}

---

Iterando

La iteración es fácil de entender.

Simplemente significa recorrer una secuencia de elementos.

A continuación, se muestran algunos ejemplos sencillos:

• Iterando sobre una cadena

• Iterando sobre una matriz

---

Iterando sobre una cadena

Puedes usar un bucle for..of para iterar sobre los elementos de una cadena:

Ejemplo:

const name = "W3Schools";

for (const x of name) {
  // bloque de código a ejecutar
}

Ver ejemplo

---

Iterando sobre una matrizs

Puedes usar un bucle for..of para iterar sobre los elementos de una matriz:

Ejemplo:

const letters = ["a","b","c"];

for (const x of letters) {
  // bloque de código a ejecutar
}

Ver ejemplo

Puedes conocer más detalles sobre Iterables en el capítulo: JS Object Iterables

---

Iterando sobre Set

Puede utilizar un bucle for..of para iterar sobre los elementos Set.

Ejemplo:

const letters = new Set(["a","b","c"]);

for (const x of letters) {
  // bloque de código a ejecutar
}

Ver ejemplo

Set y Maps se tratan en los siguientes capítulos.

---

Iterando sobre Map

Puedes usar un bucle for..of para iterar sobre los elementos de un mapa:

Ejemplo:

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

for (const x of fruits) {
  // bloque de código a ejecutar
}

Ver ejemplo

---

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