Un panier itérable

class Panier {
  #lignes = new Map();

  ajouter(isbn, quantite = 1) {
    this.#lignes.set(isbn, (this.#lignes.get(isbn) ?? 0) + quantite);
  }

  // Un objet est itérable s'il a une méthode [Symbol.iterator] qui rend un
  // itérateur ; celui de la Map convient tel quel.
  [Symbol.iterator]() {
    return this.#lignes.entries();
  }
}

const p = new Panier();
p.ajouter("9782956300014", 2);
p.ajouter("9782956300052");
for (const [isbn, quantite] of p) {
  console.log(isbn, quantite);
}
console.log([...p].length, new Map(p).get("9782956300014"));
const [[premier]] = p;
console.log(premier);

9782956300014 2
9782956300052 1
2 2
9782956300014

for...of, la décomposition [...p], le constructeur de Map et la déstructuration de tableau acceptent tous un itérable : ils appellent p[Symbol.iterator]() et consomment l'itérateur rendu. const [[premier]] = p prend la première paire, puis le premier élément de cette paire : l'ISBN. Le panier reste maître de ses données : l'itérateur permet de les lire, pas de les modifier.