js中的iterable用法

遍歷Array可以采用下標循環，遍歷Map和Set就無法使用下標。為了統一集合類型，ES6標准引入了新的iterable類型，Array、Map和Set都屬於iterable類型

具有iterable類型的集合可以通過新的for……of循環來遍歷。

for……of循環是ES6引入的新的語法。

　　　　/*用for……of循環遍歷集合，用法如下*/
        var a = ['A','B','C'];
        var s = new Set(['A','B','C']);
        var m = new Map([[1,'x'],[2,'y'],[3,'z']]);
        for ( var x of a ) { //遍歷Array
            alert(x);
        }
        for ( var x of a ) { //遍歷set
            alert(x);
        }
        for ( var x of m ) { //遍歷Map
            alert( x[0] + " = " + x[1] );
        }

for……of循環和for……in循環有何區別？

for……in循環由於歷史遺留問題，它遍歷的實際上是對象的屬性名稱，一個Array數組實際上也有一個對象，它的每個元素的索引被視為一個屬性。

當我們手動給Array對象添加額外的屬性后，for……in循環將帶來意想不到的效果

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

for……in循環將把name包括在內，但Array的length屬性卻不包括在內。

for……of循環則完全修復了這些問題，它只循環集合本身的元素

　　　　 var a = ['A','B','C'];
        a.name = 'Hello';
        for ( var x of a ) {
            alert(x);//'A','B','C'
        }

然而最好的方式是直接使用iterable內置的forEach方法，它接收一個函數，每次迭代就自動回調該函數，以Array為例：

　　　　 var a = ['A','B','C'];
        a.forEach ( function ( element,index,array) {
            //element:指向當前元素的值
            //index：指向當前索引
            //array：指向Array對象本身
            alert(element);
        })

forEach()方法是ES5.1標准引入的。

Set與Array類似，但是Set沒有索引，因此回調函數的前兩個參數都是元素本身：

　　　　 var s = new Set(['A','B','C']);
        s.forEach ( function ( element,sameElement,set ) {
            alert(elemet);
        })

Map的回調函數參數依次為value、key和Map本身：

　　　　var m = new Map ( [[1,'x'],[2,'y'],[3,'z']] );
        m.forEach ( function (value,key,map) {
            alert(value);
        })

如果對某些參數不感興趣，由於JavaScript的函數調用不要求參數必須一致，因此可以忽略他們，例如，只需要獲得Array的element：

　　　　 var a = ['A','B','C'];
        a.forEach ( function (element) {
            alert(element);
        });