JavaScript學習之for迴圈與for/in迴圈介紹
- 青灯夜游轉載
- 2018-10-16 17:06:461733瀏覽
本篇文章就帶給大家JavaScript學習之for迴圈與for/in迴圈介紹。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
迴圈可以將程式碼區塊執行指定的次數。
JavaScript 支援不同類型的迴圈：
for - 循環程式碼區塊一定的次數
for/in - 循環遍歷物件的屬性
#while - 當指定的條件為true，循環指定的程式碼區塊
-
do/while - 當指定的條件為true，循環指定的程式碼區塊
#for迴圈
for迴圈的語法：
for(语句1;语句2;语句3){
被执行的代码块
}
說明：
# 語句1（程式碼區塊）開始前執行
語句2 定義執行迴圈（程式碼區塊）的條件
語句3 在迴圈（程式碼區塊）以便執行後執行
#例如：
76c82f278ac045591c9159d381de2c57 100db36a723c770d327fc0aef2ce13b1 93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 8019067d09615e43c7904885b5246f0a for (var i = 0; i 30ec19e683c1fe835e9dea0c0830b1d0 73a6ac4ed44ffec12cee46588e518a5e
從上面的範例中，可以看出：
在迴圈開始前設定變數（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>
<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也可以省略，（例如當迴圈內部有對應的程式碼）76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Insert title here6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
8019067d09615e43c7904885b5246f0a
var i = 0,
len = cc.length;
for(; i 0d5f929479e7eb9a0e12c1d901fca32f
73a6ac4ed44ffec12cee46588e518a5e
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不僅可以遍歷物件的屬性，還可以遍歷數組。 總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。更多相關教學請造訪JavaScript影片教學，jQuery影片教學
，###bootstrap教學###！ ###以上是JavaScript學習之for迴圈與for/in迴圈介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！