1、Iterator
專注于為中小企業(yè)提供網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)灤州免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了近1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
瀏覽器支持情況:FF31+
js中提供來很多方法遍歷集合中的元素,比如說for, forEach, for ...of ,map。在ES6中,iterator是一個對象,提供next()方法依次訪問下一個元素。也就是說要使用next()方法,就需要先創(chuàng)建一個iterator對象,先看個例子:
var lang = { name: 'JavaScript', birthYear: 1995 }; var it = Iterator(lang); var pair = it.next(); // Pair equals ["name", "JavaScript"] pair = it.next(); // Pair equals ["birthYear", 1995] pair = it.next(); // if thers is not anyone, StopIteration exception is thrown
for...in 循環(huán)直接可以取代next()方法,
var lang = { name: 'JavaScript', birthYear: 1995 }; var it = Iterator(lang);、 for (var pair in it){ console.info(pair); }
對于一個對象字面量,我們?nèi)绻胫猾@得key值(不借助第三方工具類)該怎么實現(xiàn)?如果使用iterator就可以實現(xiàn),需要額外加個參數(shù),
var lang = { name : 'Eason', age : 27 } var it = Iterator(lang, true); for (var key in it){ console.info(key); }
上面的例子都是基于對象字面量的迭代(注意,原型中的屬性不會包含在序列中),那么基于數(shù)組的迭代是怎么處理的呢,先看個例子吧
var langs = ['JavaScript', 'Python', 'C++']; var it = Iterator(langs); for (var pair in it){ console.info(pair); }
但是返回的結(jié)果會讓你眼前一亮
[0, "JavaScript"] [1, "Python"] [2, "C++"]
自己試下如果將
var it = Iterator(langs); 修改為var it = Iterator(langs,true);
看下效果如何。