本篇文章給大家?guī)砹薐avaScript中關(guān)于迭代器的相關(guān)知識，下面我們就一起來看一下什么是迭代器又怎樣自定義迭代器，希望對大家有幫助。

1.?什么是迭代器 ？

• 迭代器就是一種接口機制，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一訪問的機制。(即為了讓一些不支持遍歷的數(shù)據(jù)結(jié)構(gòu)可遍歷)

最常見的就是Array迭代器，按順序返回數(shù)組中的值。

let arr = [1,2,3,4,5];for (let val of arr) {     console.log(val);}

2.?自定義迭代器

那么我們?nèi)绾螌崿F(xiàn)迭代器呢？

首先，它需要滿足兩點：

• 可迭代協(xié)議
• 迭代器協(xié)議

可迭代協(xié)議

可迭代協(xié)議允許 JavaScript 對象定義或定制它們的迭代行為

如何滿足可迭代協(xié)議 ？

要成為可迭代對象， 一個對象必須實現(xiàn) @@iterator 方法。
這意味著對象（或者它原型鏈上的某個對象）必須有一個鍵為@@iterator 的屬性，可通過常量 Symbol.iterator 訪問該屬性

也就是說要想滿足可迭代協(xié)議，那么你的對象需要有一個鍵名為Symbol.iterator的屬性，使其成為可迭代對象。

迭代器協(xié)議

迭代器協(xié)議定義了產(chǎn)生一系列值（無論是有限個還是無限個）的標準方式。
當值為有限個時，所有的值都被迭代完畢后，則會返回一個默認返回值。

如何滿足迭代器協(xié)議 ？

你的對象需要至少實現(xiàn)一個next()方法，這個方法返回一個迭代器對象IteratorResult。這個迭代器對象包含兩個屬性done和·value。

• done：
  如果迭代器可以產(chǎn)生序列中的下一個值，則為 false。
  如果迭代器已將序列迭代完畢，則為 true
• value
  迭代器返回的值。done 為 true 時可省略

那么我們接下來開始自定義一個迭代器

由前文所講，要想自定義迭代器，需要符合以下兩個條件：

• 成為可迭代對象，即有一個 Symbol.iterator 屬性
  （即可迭代協(xié)議：Symbol.iterator）
• 該迭代器對象返回一個 next() 方法，這個 next() 方法返回一個包含value 和 done 屬性的對象
  （即迭代器協(xié)議：return { next() { return { value, done } }）

let colors = {     blue : "藍色",     green : "綠色",     yellow : "黃色"}

colors 現(xiàn)在是一個不可迭代對象，我們想使用 for…of 對其進行遍歷，那么就可以自定義迭代器。
接下來，開始實現(xiàn)：

colors[Symbol.iterator] = function() { 	let keys = Object.keys(colors); 	// 如果用 let keys = Reflect.ownKeys(colors)，keys 就會包括一些不可枚舉的屬性 	// 那么后面的 len 要減一，減去Symbol.iterator這個屬性 	// 根據(jù)實際情況選擇使用 	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);}

【