es6遍歷器有什么作用

本篇內容介紹了“es6遍歷器有什么作用”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

在es6中，遍歷器（Iterator）是一種接口，用于處理不同的數據結構，為各種不同的數據結構提供統一的訪問機制，只要數據結構部署了Iterator接口，就可以完成遍歷操作；遍歷器能夠使得數據結構的成員按某種次序排列。

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6遍歷器是什么

JavaScript 原有的表示“集合”的數據結構，主要是數組（Array）和對象（Object），ES6 又添加了Map和Set。這樣就有了四種數據集合，用戶還可以組合使用它們，定義自己的數據結構，比如數組的成員是Map，Map的成員是對象。這樣就需要一種統一的接口機制，來處理所有不同的數據結構。

遍歷器（Iterator）就是這樣一種機制。它是一種接口，為各種不同的數據結構提供統一的訪問機制。任何數據結構只要部署 Iterator 接口，就可以完成遍歷操作（即依次處理該數據結構的所有成員）。

遍歷器Iterator是一種接口，為各種不同的數據結構提供統一的訪問機制，即for...of循環。

任何數據結構只要部署 Iterator 接口，就可以完成遍歷操作。

遍歷器的作用

• 為各種數據結構，提供一個統一的、簡便的訪問接口；

• 使得數據結構的成員能夠按某種次序排列；

• ES6 創造了一種新的遍歷命令for…of循環，Iterator 接口主要供for…of消費（for of遍歷的對象必須存在遍歷器接口 才可以遍歷）

Iterator 的遍歷過程

• 創建一個指針對象，指向當前數據結構的起始位置。也就是說，遍歷器對象本質上，就是一個指針對象。

• 第一次調用指針對象的next方法，可以將指針指向數據結構的第一個成員。

• 第二次調用指針對象的next方法，指針就指向數據結構的第二個成員。

• 不斷調用指針對象的next方法，直到它指向數據結構的結束位置。

每一次調用next方法，都會返回數據結構的當前成員的信息。具體來說，就是返回一個包含value和done兩個屬性的對象。其中，value屬性是當前成員的值，done屬性是一個布爾值，表示遍歷是否結束。

示例如下：

普通實現

    function makeInterator(array){
        let startIndex=0;
        return {
            next:function(){
                return startIndex<array.length?{value:array[startIndex++],done:false}:{value:undefined,done:true}
            }
        }
    }
    let inter=makeInterator([1,2,3,4]);
    console.log(inter.next());
    console.log(inter.next());
    console.log(inter.next());
    console.log(inter.next());
    console.log(inter.next());

結果：

“es6遍歷器有什么作用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！