JavaScript for 迴圈 迴圈可以將代碼塊執行指定的次數。 JavaScript 支持不同類型的迴圈: for - 迴圈代碼塊一定的次數 for/in - 迴圈遍歷對象的屬性 while - 當指定的條件為true,迴圈指定的代碼塊 do/while - 當指定的條件為true,迴圈指定的 ...
JavaScript for 迴圈
迴圈可以將代碼塊執行指定的次數。
JavaScript 支持不同類型的迴圈:
- for - 迴圈代碼塊一定的次數
- for/in - 迴圈遍歷對象的屬性
- while - 當指定的條件為true,迴圈指定的代碼塊
- do/while - 當指定的條件為true,迴圈指定的代碼塊
for迴圈的語法:
for(語句1;語句2;語句3){
被執行的代碼塊
}
語句1(代碼塊)開始前執行
語句2 定義運行迴圈(代碼塊)的條件
語句3 在迴圈(代碼塊)以被執行之後執行
例如:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> for (var i = 0; i < 5; i++) { alert("我是for迴圈"); } </script> </html>
從上面的例子中,可以看出:
在迴圈開始之前設置變數(var i = 0;)
定義迴圈運行的條件(i 必須小於5)
在每次代碼塊已被執行後增加一個值(i++)
一般使用語句1初始化迴圈中所使用的變數 ==》(var i = 0;)
也可以不寫語句1,可以在語句1中初始化任意多個值。
也可以省略語句1,比如在迴圈之前就已經定義了初始值。
例如:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var i = 0 for (; i < 5; i++) { alert("我是for迴圈"); } </script> </html>
但是語句1後面的 ==》; 不能省略。
語句2用於評估初始變數的條件。語句2也是可選的。如果語句返回true則迴圈再次開始,如果返回false,則迴圈結束。
如果省略了語句2,name必須在迴圈內提供break,否則迴圈就無法停下來,有可能會讓瀏覽器奔潰。
語句3通常會增加或者減少初始變數的值,語句3也是可選的,有多種用法,增量可以是負數(i--)或者更大(i = i + 15)
語句3也可以省略,(比如當迴圈內部有相應的代碼時)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var i = 0, len = cc.length; for (; i < len;) { alert("我是for迴圈"); i++; } </script> </html>
for/in 迴圈
JavaScript for/in 語句迴圈遍歷對象的屬性:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
<script type="text/javascript">
var person = {
name : "haha",
age : 16
};
for (x in person) {
text = text + person[x];
}
</script>
</html>
JavaScript中for/in不僅可以遍歷對象的屬性,還可以遍曆數組。
-------------------- end ---------------------