Fonctionnement unique des itérateurs en JavaScript

Chaque itérateur ne peut participer à une boucle qu'une seule fois. C'est un peu inattendu, mais logique - après tout, un itérateur parcouru établit sa propriété done à false, ce qui signifie qu'il ne peut plus être parcouru.

Vérifions cela. Supposons que nous ayons le générateur suivant :

javascriptfunction *func() {
  yield 1;
  yield 2;
  yield 3;
}

Créons un itérateur :

javascriptlet iter = func();

Parcourons l'itérateur avec une boucle :

javascriptfor (let elem of iter) {
  console.log(elem); // 1, 2, 3
}

Maintenant, essayons de parcourir le même itérateur avec deux boucles :

javascriptfor (let elem of iter) {
  console.log(elem); // 1, 2, 3
}
for (let elem of iter) {
  console.log(elem); // ne fonctionne pas
}

Pour résoudre le problème, il faut créer un nouvel itérateur pour chaque nouvelle boucle :

javascriptlet iter1 = func();
for (let elem of iter1) {
  console.log(elem); // 1, 2, 3
}

let iter2 = func();
for (let elem of iter2) {
  console.log(elem); // 1, 2, 3
}

Nous pouvons simplifier :

javascriptfor (let elem of func()) {
  console.log(elem); // 1, 2, 3
}

for (let elem of func()) {
  console.log(elem); // 1, 2, 3
}

javascriptfunction *func() {
  for (let i = 1; i <= 3; i++) {
    yield i;
  }
}

let elems = func();

for (let elem of elems) {
  console.log(elem);
}
for (let elem of elems) {
  console.log(elem);
}