溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

EcmaScript6學習之二

發布時間:2020-05-29 14:21:23 來源:網絡 閱讀:269 作者:houyaowei 欄目:web開發

   1、Iterator

       瀏覽器支持情況:FF31+

      js中提供來很多方法遍歷集合中的元素,比如說for, forEach, for ...of ,map。在ES6中,iterator是一個對象,提供next()方法依次訪問下一個元素。也就是說要使用next()方法,就需要先創建一個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 循環直接可以取代next()方法,

var lang = { name: 'JavaScript', birthYear: 1995 };
var it = Iterator(lang);、
for (var pair in it){
    console.info(pair);
}

對于一個對象字面量,我們如果想只獲得key值(不借助第三方工具類)該怎么實現?如果使用iterator就可以實現,需要額外加個參數,

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

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

var langs = ['JavaScript', 'Python', 'C++'];
var it = Iterator(langs);
for (var pair in it){
    console.info(pair);
}

但是返回的結果會讓你眼前一亮

[0, "JavaScript"]
[1, "Python"]
[2, "C++"]

自己試下如果將

var it = Iterator(langs); 修改為var it = Iterator(langs,true);

看下效果如何。






向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女