這篇文章為大家帶來了JavaScript中關於迭代器的相關知識,下面我們就一起來看一下什麼是迭代器又怎樣自訂迭代器,希望對大家有幫助。
最常見的就是Array迭代器,依序傳回數組中的值。
let arr = [1,2,3,4,5];for (let val of arr) { console.log(val);}
那我們要如何實作迭代器呢?
首先,它需要滿足兩點:
可迭代協定允許JavaScript 物件定義或自訂它們的迭代行為
如何滿足可迭代協定?
##也就是說要想滿足可迭代協議,那麼你的物件需要有一個鍵名為要成為可迭代對象, 一個物件必須實作 @@iterator 方法。
這表示物件(或它原型鏈上的某個物件)必須有一個鍵為@@iterator 的屬性,可透過常數Symbol.iterator 存取該屬性
Symbol.iterator的屬性,使其成為可迭代物件。
迭代器協定定義了產生一系列值(無論是有限個還是無限個)的標準方式。如何滿足迭代器協定 ? 你的物件需要至少實作一個當值為有限個時,所有的值都會被迭代完畢後,則會傳回一個預設回傳值。
next()方法,這個方法回傳一個迭代器物件
IteratorResult。這個迭代器物件包含兩個屬性
done和·
value。
那麼我們接下來開始自訂一個迭代器
由前文所講,要想自訂迭代器,需要符合以下兩個條件: 屬性
(即可迭代協定:Symbol.iterator) 方法,這個
next() 方法傳回一個包含
value 和
done 屬性的物件
(即迭代器協定:return { next() { return { value, done } })let colors = { blue : "蓝色", green : "绿色", yellow : "黄色"}
接下來,開始實作:
colors[Symbol.iterator] = function() { let keys = Object.keys(colors); // 如果用 let keys = Reflect.ownKeys(colors),keys 就会包括一些不可枚举的属性 // 那么后面的 len 要减一,减去Symbol.iterator这个属性 // 根据实际情况选择使用 let len = keys.length; let index = 0; return { next : function() { if (index < len) { return { value : colors[keys[index++]], done : false } } return { done : true } } }}
for (let val of colors) { console.log(val);}
以上是十分鐘搞清楚什麼是JavaScript迭代器的詳細內容。更多資訊請關注PHP中文網其他相關文章!