• 迭代模式：

提供一種方法可以順序獲得聚合對象中的各個元素，是一種最簡單也是最常見的設計模式，它可以讓用戶透過特定的接口巡防集合中的每一個元素而不用了解底層的實現。

• 迭代器簡介：

依照與迭代模式的思想而實現，分為內部迭代器和外部迭代器。

• 內部迭代器：

本身就是函數，該函數內部定義好迭代規則，完全接手整個迭代過程。外部只需要一次初始調用。
Array.prototype.forEach、jQuery.each 內部迭代器

• 外部迭代器

本身是函數，執行返回迭代對象，迭代下一個元素必須顯示調用，調用復雜度增加，但靈活性增強。
function outerlterator(){} 外部迭代器

寫個最簡單的例子

// 內部迭代器 let arr = [1,2,3]; arr.forEach((ele)=>{console.log(ele); })// 外部迭代器 function outerlterator(o){let curIndex = 0;let next = ()=>{return {value: o[curIndex],done: 0.length == ++curIndex;}}return{next}} let data = outerlterator(arr); data.next

迭代器目的：
從迭代模式思想中可以看出，就是要標準化迭代操作。

如果遇到有修改數據格式的場景，數組變成對象，導致遍歷代碼大量重寫

ES6 引入Iterator，部署在NodeList、arguments、Array、Set、Map、字符串上等數據的 Symbol.iterator 屬性。

使得這些數據是iterrable可迭代的，能進行for of、……、Array。from等操作

let obj = {0: 'a',1: 'b',2: 'c'length:3, } conosle.log([...obj]);// 報錯 let obj = {0: 'a',1: 'b',2: 'c'length:3,[Symbol.iterator]: function(){let curIndex = 0;let next = ()=>{return {value: this[curIndex],done: this.length == ++curIndex;}}return{next}} } conosle.log([...obj]);// 正常迭代for(let p of obj){console.log(p) } // a b c 也是正常迭代

總結

以上是生活随笔為你收集整理的ES6基本的语法(十七) lterator的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。