溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
之前看編程方法學，for循環的基本格式是
for(init;test;step ){
statement
}
//例如
for(int i=0,i<10;i++){
...
}
后來接觸了python，for循環的格式更加的簡單優雅，只要一個for ……in語句就可以直接遍歷對象。
for i in arry
今天看廖雪峰的官網，居然看到了js里更神奇的操作，for ……of循環，這個類似于python的for ……in循環了，雖然js里也有for ……in循環，可是遍歷的是對象的屬性，類似于鍵值對里的鍵key，當它遍歷array的時候遍歷的是array的索引，
var a = ['A', 'B', 'C'];
for (var i in a) {
alert(i); // '0', '1', '2'
alert(a[i]); // 'A', 'B', 'C'
}
or … 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);//'A', 'B', 'C'
}
for (var x of s) { // 遍歷Set
alert(x);//'A', 'B', 'C'
}
for (var x of m) { // 遍歷Map
alert(x[0] + '=' + x[1]);//1='x',2='y',3='z'
}
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'
}
以上所述是小編給大家介紹的Js里的for…in和for…of的用法詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
