ES6中Iterator與for..of..遍歷用法分析
本文實例講述了ES6中Iterator與for..of..遍歷用法。分享給大家供大家參考，具體如下：
Iterator與for..of..遍歷
1.Iterator概念
遍歷器（Iterator）是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機制。JS中有些數(shù)據(jù)結(jié)構(gòu)具備原生的Iterator接口。為了更好理解這個概念，我們也可以自己寫一個Iterator。
var it = simIteractor(['hi','ES5']);
console.log(it.next()); //Object {value: "hi", done: false}
console.log(it.next()); //Object {value: "ES5", done: false}
console.log(it.next()); //Object {value: undefined, done: true}
function simIteractor(array){
var nextIndex = 0;
return{
next: function(){
return nextIndex < array.length ? {value: array[nextIndex++], done: false} : {value: undefined, done:true};
}
};
}
2.ES6中規(guī)定，默認(rèn)的Iterator接口部署在數(shù)據(jù)結(jié)構(gòu)的Symbol.iterator屬性，或者說，一個數(shù)據(jù)結(jié)構(gòu)只要具有Symbol.iterator屬性就可以任務(wù)是可遍歷的。在ES6中，有3類數(shù)據(jù)結(jié)構(gòu)原生具備Iterator接口：數(shù)組、某些類似數(shù)組的對象、Set及Map。
3.提到可遍歷，就要說說遍歷的方法。
for...in... : for-in是為普通對象設(shè)計的，你可以遍歷得到字符串類型的鍵，因此不適用于數(shù)組遍歷。
For...of... : for-of循環(huán)用來遍歷數(shù)據(jù)—例如數(shù)組中的值。for-of循環(huán)也可以遍歷其它的集合
for-of循環(huán)不僅支持?jǐn)?shù)組，還支持大多數(shù)類數(shù)組對象，例如DOMNodeList。
for-of循環(huán)也支持字符串遍歷，它將字符串視為一系列的Unicode字符來進行遍歷：
or (var chr of "abc"){
alert(chr); //依次彈出a,b,c
}
它同樣支持Map和Set對象遍歷。如果你不知道Map 請看 http://m.fzitv.net/article/110048.htm，如果你不知道Set 請看 http://m.fzitv.net/article/110052.htm 。
希望本文所述對大家ECMAScript程序設(shè)計有所幫助。
相關(guān)文章
javascript創(chuàng)建cookie、讀取cookie
這篇文章主要介紹了javascript創(chuàng)建cookie、讀取cookie的操作方法，內(nèi)容簡單易學(xué)，感興趣的小伙伴們可以參考一下2016-03-03
JS實現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作示例
這篇文章主要介紹了JS實現(xiàn)根據(jù)指定值刪除數(shù)組中的元素操作,結(jié)合實例形式總結(jié)分析了JavaScript針對數(shù)組元素刪除操作的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
這篇文章主要給大家介紹了關(guān)于微信小程序版本機制和storage如何平滑兼容的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了JS使用base64格式上傳文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
本文主要介紹了js實現(xiàn)0ms延時定時器的幾種方式，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要介紹了js+css實現(xiàn)超簡潔的二級下拉菜單效果代碼,通過非常簡單的JavaScript遍歷頁面元素及動態(tài)設(shè)置樣式達到二級下拉菜單的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JavaScript逆向分析instagram登入過程,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了JavaScript中如何調(diào)用Java方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
這篇文章主要為大家詳細解析了bootstrap滾動監(jiān)控器使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要給大家介紹了關(guān)于js繼承的6種方式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04