JavaScript-for~in迴圈
阿新 • • 發佈:2018-12-20
for...in
語句以任意順序遍歷一個物件的可列舉屬性。對於每個不同的屬性,語句都會被執行。
語法:
for (variable in object) {...}
variable
在每次迭代時,將不同的屬性名分配給變數。
object
被迭代列舉其屬性的物件。
案例:
<script> var x; var person={name:"abjun",age:21}; for(x in person){ document.write("person."+x+" = "+person[x]); } </script>
先建立一個x變數,在建立一個person變數,person變數中有兩個屬性值name和age,分別是abjun和21.
在for~in 迴圈中,將name屬性名分配給x變數,此時x=name,所以輸出的值就是person.name = abjun
接著遍歷age屬性名,將age屬性名分配給x變數,此時x=age,所以輸出的值就是person.age = 21
最終頁面上將以上兩個輸出值顯示出來person.name = abjunperson.age = 21
同樣for~in可以再陣列中進行遍歷
案例如下:
<script> var x; var arr = ["html","css","JS"] for(x in arr){ document.write("arr."+x+" = "+arr[x]); } </script>
過程和上面一樣。