javascript中的iterable常用的幾種遍歷方法

這篇文章帶給大家的內容是關於javascript中的iterable常用的幾種遍歷方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

在es6中，引入了新的Map和Set對象，Array可以透過下標遍歷，而Map和Set無法通過下標遍歷。為了統一集合，es引入了新的iterable類型,Array,Map，Set型別都屬於iterable。

講講常用的幾種遍歷方法。

1.for..in  

var a = [1,2,3];for(var index in a ){
    console.log(index);    console.log(a[index]);}

上面分別輸出0,1,2  1,2,3

只有Array能有for..in  Map和Set都不能使用,for..in遍歷的是索引

2.for..of

for(var x of a){
    console.log(x);}

var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}

for..of遍歷的是值

這是上面運行的結果。

for..of 與for..in的區別

for..of是es6新引入的概念，

for ... in循環由於歷史遺留問題，它遍歷的實際上是物件的屬性名稱。一個Array陣列其實也是一個對象，它的每個元素的索引被視為一個屬性。

當我們手動為Array物件添加了額外的屬性後，for ... in循環將帶來意想不到的意外效果：

var a = ['A', 'B', 'C'];
a.name = 'Hello';for (var x in a) {
    console.log(x); // '0', '1', '2', 'name'

3.foreach()方法

var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}

var s2 = new Map([[1,'hxy'],[2,'yyw'],[3,'zzh']]);s2.forEach(function (value,key,map) {
    console.log(key+":"+value);})

以上就是對javascript中的iterable常用的幾種遍歷方法的全部介紹，如果您想了解更多有關JavaScript影片教學，請追蹤PHP中文網。

以上是javascript中的iterable常用的幾種遍歷方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！