Javascript 基礎教學循環語句
迴圈語句
#for 迴圈
for (語句1;語句2;語句3)
執行語句；
}
#語句1 （程式碼區塊）開始前執行starts.
語句2 定義運作循環（程式碼區塊）的條件
語句3 在迴圈（程式碼區塊）已執行後執行
##下面我們來寫一個實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 for 循环</title>
</head>
<script type="text/javascript">
sum= 0;
for(var i=1;i<=10;i++){
sum = sum + i;
}
document.write(sum);
</script>
<body>
</body>
</html>如上程式碼，計算出1到10的和我們在寫一個實例：看下i 值得變化<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 for 循环</title>
</head>
<script type="text/javascript">
for(var i=1;i<=10;i++){
document.write("第"+i+"天<br>");
}
</script>
<body>
</body>
</html>這樣會ｉ的值會從１一直加到１０，小夥伴們可以試試while 循環
#while(條件){ 執行程式碼區塊；
}
範例：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 while 循环</title>
</head>
<script type="text/javascript">
var i=1;
while(i<10){
document.write("php 中文网<br>");
i++;
}
</script>
<body>
</body>
</html>附註：小夥伴們需要注意點，循環體內的i++ 是來更改條件的，如果沒有這個i++來更改條件， 那麼i=1; 是一直滿足條件i<10 的，這樣循環就會一直執行下去#我們稱為死循環
下面我們使用while 迴圈再來寫一個實例：計算1-10總和
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 while 循环</title>
</head>
<script type="text/javascript">
var i = 1;
var sum = 0;
while(i<=10){
sum = sum + i;
i++;
}
document.write(sum);
</script>
<body>
</body>
</html>如上程式碼，這樣輸出也是1到10的和
註：while循環，是先判斷條件，如果條件滿足，繼續執行，條件不滿足，跳出循環如上圖所示：i的初始值為1 這樣是滿足條件的，所以會執行循環體的內容 如果條件不滿足，就會跳出迴圈體
例如i=11;執行下面語句，則不會執行i++;然後繼續往下執行，輸出結果sum;
do.....while 迴圈
do{
執行語句;}while(條件);#下面我們來看一段實例程式碼：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 do....while 循环</title>
</head>
<script type="text/javascript">
var i = 11;
do{
document.write(i+'次');
i++;
}while(i<10);
</script>
<body>
</body>
</html>#如上程式碼，我們來分析一下， i的值先是11，進入迴圈體，輸出11次，然後執行i++,這樣此時i 的值事12，然後判斷，不滿足條件，跳出循環；註：###do while 無論條件是否滿足，至少會執行一次### #########下面我們接著用do while 做一個1到10 之和，程式碼如下：######<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环语句 do....while 循环</title>
</head>
<script type="text/javascript">
var sum = 0;
var i = 1;
do{
sum = sum + i ;
i++;
}while(i<=10)
document.write(sum);
</script>
<body>
</body>
</html>#########continue 與 break##### #######break 語句用來跳出迴圈。 ######continue 用來跳過迴圈中的一個迭代。 ######break 語句之前在switch裡面我們已經用過 接下來，我們在例子裡面講解###<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>break</title>
</head>
<script type="text/javascript">
for(var i=1;i<=10;i++){
if(i==5){
//break;
continue;
}
document.write(i+"<br>");
}
</script>
<body>
</body>
</html>###如上程式碼，大家可以吧continue 註解掉，寫上break 看看倆輸出的區別###break 當 i 剛好等於5 的時候就直接跳出循環，所以只輸出4次，
continue 當 i 等於5的時候跳出循環，繼續執行，看輸出結果，只有等於5的那次值沒有輸出出來
