1. 程式人生 > >JavaScript-for~in迴圈

JavaScript-for~in迴圈

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>

過程和上面一樣。