迭代器是一個對象，用于將容器對象作為列表遍歷。在 JavaScript 中，迭代器對象不是一個獨立的內置對象，而是一個實現 next 方法以訪問容器對象中的下一項的對象。
JavaScript 迭代器的實現涉及符合特定接口的兩個或三個對象：

Iterable 接口
可迭代對象必須提供 Symbol.iterator 方法，該方法會返回一個迭代器。
<pre> obj[Symbol.iterator] = function() { return iterObj; }</pre>
Iterator 接口
Symbol.iterator 方法返回的對象必須實現 next 方法。 next 方法具有以下語法。
next 方法是會返回一個值的函數。該函數返回一個符合 IteratorResult 接口的對象 (iterResultObj)。如果對迭代器的 next 方法的之前調用返回IteratorResult 對象（其 done 屬性為 true），則迭代終止且不會再調用 next 方法。
迭代器還可能包括 return 方法，以確保腳本用完迭代器后正確處理該迭代器。
<pre>iterObj.next() = function() { return iterResultObj; };</pre>
IteratorResult 接口
IteratorResult 接口是獲得迭代器上 next 方法的結果所需的接口。 next 返回的對象必須提供 done 和 value 屬性。
done 屬性返回迭代器的 next 方法調用的狀態，狀態為 true 或 false。如果已達到迭代器的末尾，則 done 返回 true。如果未達到迭代器的末尾，則 done 返回 false，并有一個值可用。如果 done 屬性（其自己的屬性或繼承的屬性）不存在，則 done 的結果被視為 false。如果 done 為 false，則 value 屬性返回當前迭代元素值。如果 done 為 true，且如果提供了返回值，則這是迭代器的返回值。
如果迭代器不具有返回值，則未定義 value。在這種情況下，如果符合對象沒有繼承顯式值屬性，則符合對象中可能不存在 value 屬性。
<pre>var iterResultObj = { done: true|false, value: value }</pre>
可以使用這些接口創建自定義迭代器。這讓你能夠使用 for…of 語句遍歷可迭代對象

下面的示例演示為字符串對象返回迭代器的生成器。

    function* stringIter() {
             var str = "bobsyouruncle"; 
           var idx = 0;
            while(idx < str.length) yield str[idx++];
           }
            var si = stringIter();
           console.log(si.next().value);
           console.log(si.next().value);
           console.log(si.next().value);
           // Output:// b// o// b

還可以使用 yield * 表達式替代 yield，以委托到另一個生成器或另一個可迭代對象，例如數組或字符串。

如果將下面的代碼追加到前面的示例中，則 yield※ 委托到 stringIter 生成器。

    function* strIter() { 
          yield "jo"; yield* stringIter();
          }
          var si2 = strIter();
          console.log(si2.next().value);
          console.log(si2.next().value);
          console.log(si2.next().value);
          console.log(si2.next().value);
          // Output:// jo// b// o// b

還可以將參數傳遞給 next 并使用該參數修改生成器的狀態，以創建更高級的生成器。 next 將成為之前執行的 yield 表達式的結果值。在下面的示例中，當你將值 100 傳遞給 next 方法時，會重置生成器的內部索引值。

    function* strIter() {
        var str = "jobob";
        var idx = 0;
        while(idx , str.length) {
            var modify = yield str[idx++];
            if(modify == 100) {
                idx = 0;
            }
        }
    var si3 = strIter();
    console.log(si2.next().value);
    console.log(si2.next().value);
    console.log(si2.next().value);
    console.log(si2.next(100).value);
    // Output:// j// o// b// j