• 迭代模式：

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

• 迭代器簡介：

依照與迭代模式的思想而實現(xiàn)，分為內(nèi)部迭代器和外部迭代器。

• 內(nèi)部迭代器：

本身就是函數(shù)，該函數(shù)內(nèi)部定義好迭代規(guī)則，完全接手整個迭代過程。外部只需要一次初始調(diào)用。
Array.prototype.forEach、jQuery.each 內(nèi)部迭代器

• 外部迭代器

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

寫個最簡單的例子

// 內(nèi)部迭代器 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

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

如果遇到有修改數(shù)據(jù)格式的場景，數(shù)組變成對象，導(dǎo)致遍歷代碼大量重寫

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

使得這些數(shù)據(jù)是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 也是正常迭代

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。