es6的Iterator(迭代器)

es6的Iterator(迭代器)

迭代器允許每次訪問數據集合的一個元素，當指針指向數據集合最後一個元素是，迭代器便會退出。它提供了 next() 函數來遍歷一個序列，這個方法返回一個包含 done 和 value 屬性的對象。

var arr = [1,2,3,4,5,6];
    for(var i = 0;i<arr.length;i++){
        console.log(arr[i]);
    }
    //迭代器    提升  訪問具有介面數據的效率
    //迭代器  他用來訪問具有遍歷介面數據的，它有一個next(理解指針-1)方法
    //next 將當前指針移到下一個位置，返回一個對象{value:,done:}
    //使用迭代器
    //可遍歷介面
    var iter = arr[Symbol.iterator]();
    console.log(iter.next());
    console.log(iter.next());
    console.log(iter.next());
    console.log(iter.next());
    console.log(iter.next());
    console.log(iter.next());
    console.log(iter.next());

    //哪些數據有    遍歷介面  

    //數組   Map    Set   類數組
    var obj = {};
    console.log(obj);//沒有介面

    var s = new Set([1,2,3]);
    console.log(s);//有介面
    let itera = s[Symbol.iterator]();
    console.log(itera.next());

    var m = new Map([["age,23"],["sex","女"]]);
    m.set("name","薑薑");
    console.log(m);
    
    var i = m[Symbol.iterator]();
    console.log(i.next());
    console.log(i.next());
    console.log(i.next()); 

    let tags =document.getElementsByName("div");
    console.log(tags);

自定義的迭代器

var arr = [1,2,3,4,5,6];

function Iterator(arr){
    let i = -1;
    function next(){
        i++;
        let value;
        let done = false;
        if(i == arr.length) {
            value = undefined;
            done = true;
        }else{
            value = arr[i];
        }
        return {valye:arr[i],done:done};
    }
    return {next:next};
}

let iter =Iterator(arr);
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());
console.log(iter.next());