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

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

摘要：，和自定義遍歷器依次打印注釋就是一個指針指針默認(rèn)在的位置沒有遍歷完的時候的值是遍歷完了就是意義提高具有遍歷接口數(shù)據(jù)的效率特點它用來訪問具有遍歷接口數(shù)據(jù)有一個方法指針，普通數(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());
    //依次打印：Object {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就是一個指針;
     2.指針默認(rèn)在-1的位置;
     3.沒有遍歷完的時候done的值是false,遍歷完了就是true;
     4.意義:提高具有遍歷接口數(shù)據(jù)的效率;
     5.特點:它用來訪問具有遍歷接口數(shù)據(jù),有一個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());//打印：Object {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());//打印：Object {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);//打印：x y z；
        console.log(obj[key]);//打?。簒 1 y 1 z 1；
    }
    for(let key in arr){
        console.log(key);//打?。簒 y z；
        console.log(arr[key]);//打?。簒 1 y 1 z 1；
    }
注釋:1.遍歷對象用forin,遍歷數(shù)組,Map,Set,類數(shù)組用for of。
     2.for in可以遍歷對象,也可以遍歷數(shù)組.

自定義遍歷器：

var arr = [1,2,3,4,5];
    function Iterator(arr){
        let i = -1;  //遍歷器默認(rèn)指在-1的位置；
        function next(){  //返回一個方法；
            i++;  //當(dāng)next的時候，i向后移；
            let value;  //聲明一個空的變量；
            let done = flase; //done的默認(rèn)值是沒有遍歷完成；
            if(i == arr.length){  //如果i等于數(shù)組的長度的時候，i就溢出了，所以value的值是undefined，done的值是true；
                value = undefined;
                done = true;
            }else{  //否則value的值就等于數(shù)組中的值；
                value=arr[i];
            }
            return {value:value,done:done}; //返回兩個值，一個值是value，另一個值是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}.