1. 程式人生 > 其它 >ES6學習---迭代器iterator遍歷操作--for...of迴圈遍歷

ES6學習---迭代器iterator遍歷操作--for...of迴圈遍歷

遍歷器(Iterator)就是一種機制。它是一種介面,為各種不同的資料結構提供統一的訪問機制。任何資料結構只要部署 Iterator 介面,就可以完成遍歷操作。     1) ES6 創造了一種新的遍歷命令 for...of 迴圈,Iterator 介面主要供 for...of 消費     2) 原生具備 iterator 介面的資料(可用 for of 遍歷)       a) Array       b) Arguments       c) Set       d) Map       e) String       f) TypedArray       g) NodeList     3) 工作原理
      a) 建立一個指標物件,指向當前資料結構的起始位置       b) 第一次呼叫物件的 next 方法,指標自動指向資料結構的第一個成員       c) 接下來不斷呼叫 next 方法,指標一直往後移動,直到指向最後一個成員       d) 每呼叫 next 方法返回一個包含 value 和 done 屬性的物件
            let arr = ['烏迪爾','拉克絲','澤拉斯','瑟提'];
            for (let val of arr) {
                console.log(val);
            }