for each...in/for...in/for...of/ for each ...in / for ...in / for...of
for each ...in / for ...in / for...of
參考部落格:
https://www.cnblogs.com/ruoqiang/p/6217929.html
https://www.cnblogs.com/dupd/p/5895474.html
1 for ...in 遍歷物件
以任意順序遍歷一個物件的可列舉屬性。對於每個不同的屬性,語句都會被執行。
語法:
for (variable in object) {...}
引數:
-
variable
-
-
object
-
var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]); } // Output: // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"
for..in
不應該被用來迭代一個下標順序很重要的 Array
.
陣列索引僅是可列舉的整數名,其他方面和別的普通物件屬性沒有什麼區別。for...in 並不能夠保證返回的是按一定順序的索引,但是它會返回所有可列舉屬性,包括非整數名稱的和繼承的。
因為迭代的順序是依賴於執行環境的,所以陣列遍歷不一定按次序訪問元素。 因此當迭代那些訪問次序重要的 arrays 時用整數索引去進行 for
迴圈 (或者使用 Array.prototype.forEach()
或 for...of
迴圈) 。
2 for each ...in 遍歷物件
使用一個變數迭代一個物件的所有屬性值,對於每一個屬性值,有一個指定的語句塊被執行.
for each...in
是 ECMA-357 (E4X) 標準的一部分, 大部分非Mozilla瀏覽器都沒有實現該標準, E4X並不是 ECMAScript 標準的一部分.
作為ECMA-357(E4X)標準的一部分,for each...in語句已被廢棄,E4X中的大部分特性已被刪除,但考慮到向後相容,for each...in只會被禁用而不會被刪除,可以使用ES6中新的for...of語句來代替.
語法:
for each (variable in object) { statement }
引數:
-
variable
-
用來遍歷屬性值的變數,前面的
var
關鍵字是可選的.該變數是函式的區域性變數而不是語句塊的區域性變數.
-
object
- 該物件的屬性值會被遍歷.
-
statement
-
遍歷屬性值時執行的語句. 如果想要執行多條語句, 請用(
{ ... }
) 將多條語句括住.
一些物件的內建屬性是無法被遍歷到的,包括所有的內建方法,例如String物件的indexOf
方法.不過,大部分的使用者自定義屬性都是可遍歷的.
警告:永遠不要使用for each...in語句遍歷陣列,僅用來遍歷常規物件。
var sum = 0; var obj = {prop1: 5, prop2: 13, prop3: 8}; for each (var item in obj) { sum += item; } print(sum); // 輸出"26",也就是5+13+8的值
3 for of遍歷物件
迴圈遍歷物件的值,是遍歷鍵值對後面的那一個value哦 ,與for in遍歷key相反
var myArry =[1,2,3,4]; myArry.desc ='four'; for(var value of myArry){ console.log(value) } //1 //2 //3 //4
- 這是最簡潔、最直接的遍歷陣列元素的語法
- 這個方法避開了for-in迴圈的所有缺陷
- 與forEach()不同的是,它可以正確響應break、continue和return語句
參考部落格:
https://www.cnblogs.com/ruoqiang/p/6217929.html
https://www.cnblogs.com/dupd/p/5895474.html
1 for ...in 遍歷物件
以任意順序遍歷一個物件的可列舉屬性。對於每個不同的屬性,語句都會被執行。
語法:
for (variable in object) {...}
引數:
-
variable
-
-
object
-
var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]); } // Output: // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"
for..in
不應該被用來迭代一個下標順序很重要的 Array
.
陣列索引僅是可列舉的整數名,其他方面和別的普通物件屬性沒有什麼區別。for...in 並不能夠保證返回的是按一定順序的索引,但是它會返回所有可列舉屬性,包括非整數名稱的和繼承的。
因為迭代的順序是依賴於執行環境的,所以陣列遍歷不一定按次序訪問元素。 因此當迭代那些訪問次序重要的 arrays 時用整數索引去進行 for
迴圈 (或者使用 Array.prototype.forEach()
或 for...of
迴圈) 。
2 for each ...in 遍歷物件
使用一個變數迭代一個物件的所有屬性值,對於每一個屬性值,有一個指定的語句塊被執行.
for each...in
是 ECMA-357 (E4X) 標準的一部分, 大部分非Mozilla瀏覽器都沒有實現該標準, E4X並不是 ECMAScript 標準的一部分.
作為ECMA-357(E4X)標準的一部分,for each...in語句已被廢棄,E4X中的大部分特性已被刪除,但考慮到向後相容,for each...in只會被禁用而不會被刪除,可以使用ES6中新的for...of語句來代替.
語法:
for each (variable in object) { statement }
引數:
-
variable
-
用來遍歷屬性值的變數,前面的
var
關鍵字是可選的.該變數是函式的區域性變數而不是語句塊的區域性變數.
-
object
- 該物件的屬性值會被遍歷.
-
statement
-
遍歷屬性值時執行的語句. 如果想要執行多條語句, 請用(
{ ... }
) 將多條語句括住.
一些物件的內建屬性是無法被遍歷到的,包括所有的內建方法,例如String物件的indexOf
方法.不過,大部分的使用者自定義屬性都是可遍歷的.
警告:永遠不要使用for each...in語句遍歷陣列,僅用來遍歷常規物件。
var sum = 0; var obj = {prop1: 5, prop2: 13, prop3: 8}; for each (var item in obj) { sum += item; } print(sum); // 輸出"26",也就是5+13+8的值
3 for of遍歷物件
迴圈遍歷物件的值,是遍歷鍵值對後面的那一個value哦 ,與for in遍歷key相反
var myArry =[1,2,3,4]; myArry.desc ='four'; for(var value of myArry){ console.log(value) } //1 //2 //3 //4
- 這是最簡潔、最直接的遍歷陣列元素的語法
- 這個方法避開了for-in迴圈的所有缺陷
- 與forEach()不同的是,它可以正確響應break、continue和return語句