EcmaScript6學(xué)習(xí)之二

   1、Iterator

專注于為中小企業(yè)提供網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)灤州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

       瀏覽器支持情況：FF31+

      js中提供來很多方法遍歷集合中的元素，比如說for, forEach, for ...of ,map。在ES6中，iterator是一個(gè)對象，提供next()方法依次訪問下一個(gè)元素。也就是說要使用next()方法，就需要先創(chuàng)建一個(gè)iterator對象，先看個(gè)例子：

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);
}

對于一個(gè)對象字面量，我們?nèi)绻胫猾@得key值（不借助第三方工具類）該怎么實(shí)現(xiàn)？如果使用iterator就可以實(shí)現(xiàn)，需要額外加個(gè)參數(shù)，

var lang = {
  name : 'Eason',
  age : 27
}
var it = Iterator(lang, true);
for (var key in it){
    console.info(key); 
}

上面的例子都是基于對象字面量的迭代（注意，原型中的屬性不會包含在序列中），那么基于數(shù)組的迭代是怎么處理的呢，先看個(gè)例子吧

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);

看下效果如何。

名稱欄目：EcmaScript6學(xué)習(xí)之二
URL鏈接：http://muchs.cn/article32/ispisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、外貿(mào)建站、自適應(yīng)網(wǎng)站、App設(shè)計(jì)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)