?iterator是一種接口機制，為各種不同的數據結構提供統一的訪問機制

作用：
1、為各種數據結構，提供一個統一的、簡便的訪問接口；
2、使得數據結構的成員能夠按某種次序排列
3、ES6創造了一種新的遍歷命令for...of循環，Iterator接口主要供for...of消費。

工作原理：
- 創建一個指針對象，指向數據結構的起始位置。
- 第一次調用next方法，指針自動指向數據結構的第一個成員
- 接下來不斷調用next方法，指針會一直往后移動，直到指向最后一個成員
- 每調用next方法返回的是一個包含value和done的對象，{value: 當前成員的值,done: 布爾值}
* value表示當前成員的值，done對應的布爾值表示當前的數據的結構是否遍歷結束。
* 當遍歷結束的時候返回的value值是undefined，done值為false

原生具備iterator接口的數據(可用for of遍歷)
1、Array
2、arguments
3、set容器
4、map容器
5、String

// 自定義iterator生成指針對象function mockIterator(arr) {let nextIndex = 0;return {next: function () {return nextIndex<arr.length?{value: arr[nextIndex++], done: false}:{value: undefined, done: true}}}}let arr = [1,2,3,4,5];let iteratorObj = mockIterator(arr);console.log(iteratorObj.next());console.log(iteratorObj.next());console.log(iteratorObj.next()); // 使用解構賦值以及...三點運算符時會調用iterator接口let arr1 = [1,2,3,4,5]; let [value1, ...arr2] = arr1; // yield*語句 function* generatorObj() { yield '1'; // 可遍歷數據，會自動調用iterator函數 yield '3'; } let Go = generatorObj(); console.log(Go.next()); console.log(Go.next()); console.log(Go.next()); // 原生測試 數組let arr3 = [1, 2, 'kobe', true];for(let i of arr3){console.log(i);} // 字符串 stringlet str = 'abcdefg';for(let item of str){console.log(item);}

總結

以上是生活随笔為你收集整理的lterator遍历的全部內容，希望文章能夠幫你解決所遇到的問題。

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