Iterator、for..of，for...in和自定義遍歷器

pcChao 發(fā)布于2019-08-20 18:07 / 2066人閱讀

摘要：，和自定義遍歷器依次打印注釋就是一個(gè)指針指針默認(rèn)在的位置沒(méi)有遍歷完的時(shí)候的值是遍歷完了就是意義提高具有遍歷接口數(shù)據(jù)的效率特點(diǎn)它用來(lái)訪問(wèn)具有遍歷接口數(shù)據(jù)有一個(gè)方法指針，普通數(shù)組遍歷輸出。

Iterator、for..of，for...in和自定義遍歷器

Iterator：

var arr = [1,2,3,4,5];
    var ite = arr[Symbol.iterator]();
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    //依次打?。篛bject {value: 1, done: false}；
               Object {value: 2, done: false};
           Object {value: 3, done: false};
           Object {value: 4, done: false};
           Object {value: 5, done: false};
           Object {value: undefined, done: true}.
注釋:1.Iterator就是一個(gè)指針;
     2.指針默認(rèn)在-1的位置;
     3.沒(méi)有遍歷完的時(shí)候done的值是false,遍歷完了就是true;
     4.意義:提高具有遍歷接口數(shù)據(jù)的效率;
     5.特點(diǎn):它用來(lái)訪問(wèn)具有遍歷接口數(shù)據(jù),有一個(gè)next方法(指針).

for..of，for...in：

普通數(shù)組遍歷：

let arr = [1,2,3,4,5];
    for(let item of arr){
        console.log(item);
    }
    //輸出：1 2 3 4 5。

迭代器遍歷：

let iterator = arr[Symbol.iterator]();
    let result = iterator.next();
    while(!result.done){
        console.log(result.value);
        result=iterator.next();
    }
    //輸出 1 2 3 4 5。

數(shù)組 Set Map

var s = new Set([1,2,3]);
    console.log(s);//打?。篠et(3) {1, 2, 3}；
    var itera = s[Symbol.iterator]();
    console.log(itera.next());//打?。篛bject {value: 1, done: false}；
        
    var m = new Map([["age",21],["sex","男"]]);
    m.set("name","宋澤");
    console.log(m);//打?。篗ap(3) {"age" => 21, "sex" => "男", "name" => "宋澤"}；
    var i = m[Symbol.iterator]();
    console.log(i.next());//打?。篛bject {value: Array(2), done: false}；
                
    let obj = {x:1,y:2,z:3};
    let arr = ["a","b","c"];
    for(let key in obj){
        console.log(key);//打?。簒 y z；
        console.log(obj[key]);//打?。簒 1 y 1 z 1；
    }
    for(let key in arr){
        console.log(key);//打印：x y z；
        console.log(arr[key]);//打?。簒 1 y 1 z 1；
    }
注釋:1.遍歷對(duì)象用forin,遍歷數(shù)組,Map,Set,類數(shù)組用for of。
     2.for in可以遍歷對(duì)象,也可以遍歷數(shù)組.

自定義遍歷器：

var arr = [1,2,3,4,5];
    function Iterator(arr){
        let i = -1;  //遍歷器默認(rèn)指在-1的位置；
        function next(){  //返回一個(gè)方法；
            i++;  //當(dāng)next的時(shí)候，i向后移；
            let value;  //聲明一個(gè)空的變量；
            let done = flase; //done的默認(rèn)值是沒(méi)有遍歷完成；
            if(i == arr.length){  //如果i等于數(shù)組的長(zhǎng)度的時(shí)候，i就溢出了，所以value的值是undefined，done的值是true；
                value = undefined;
                done = true;
            }else{  //否則value的值就等于數(shù)組中的值；
                value=arr[i];
            }
            return {value:value,done:done}; //返回兩個(gè)值，一個(gè)值是value，另一個(gè)值是done；
        }
        return {next:next};  //返回next方法；
    }
            
    var ite = arr[Symbol.iterator]();
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    依次打?。篛bject {value: 1, done: false}；
         Object {value: 2, done: false};
         Object {value: 3, done: false};
         Object {value: 4, done: false};
         Object {value: 5, done: false};
         Object {value: undefined, done: true}.