Javascript 基礎(chǔ)教程之循環(huán)語句
循環(huán)語句
for 循環(huán)
for(語句1;語句2;語句3)
執(zhí)行語句；
}
語句 1 （代碼塊）開始前執(zhí)行 starts. 語句 2 定義運(yùn)行循環(huán)（代碼塊）的條件 語句 3 在循環(huán)（代碼塊）已被執(zhí)行之后執(zhí)行
下面我們來寫一個實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 for 循環(huán)</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>如上代碼，計(jì)算出1到10的和
我們在寫一個實(shí)例：看下 i 值得變化
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 for 循環(huán)</title>
</head>
<script type="text/javascript">
for(var i=1;i<=10;i++){
document.write("第"+i+"天<br>");
}
</script>
<body>
</body>
</html>這樣會ｉ的值會從１一直加到１０，小伙伴們可以試試
while 循環(huán)
while(條件){
執(zhí)行代碼塊；
}
實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 while 循環(huán)</title>
</head>
<script type="text/javascript">
var i=1;
while(i<10){
document.write("php 中文網(wǎng)<br>");
i++;
}
</script>
<body>
</body>
</html>注：小伙伴們需要注意點(diǎn)，循環(huán)體內(nèi)的i++ 是來更改條件的，如果沒有這個i++來更改條件， 那么i=1; 是一直滿足條件i<10 的，這樣循環(huán)就會一直執(zhí)行下去
我們稱為死循環(huán)
下面我們使用while 循環(huán)再來寫一個實(shí)例：計(jì)算1-10之和
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 while 循環(huán)</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 循環(huán)，是先判斷條件，如果條件滿足，繼續(xù)執(zhí)行，條件不滿足，跳出循環(huán)
如上圖所示：i的初始值為1 這樣是滿足條件的，所以會執(zhí)行循環(huán)體的內(nèi)容 如果條件不滿足，就會跳出循環(huán)體
比如i=11;執(zhí)行下面語句，則不會執(zhí)行i++;然后繼續(xù)往下執(zhí)行，輸出結(jié)果sum;
do.....while 循環(huán)
do{
執(zhí)行語句;
}while(條件);
下面我們來看一段實(shí)例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 do....while 循環(huán)</title>
</head>
<script type="text/javascript">
var i = 11;
do{
document.write(i+'次');
i++;
}while(i<10);
</script>
<body>
</body>
</html>如上代碼，我們來分析一下， i的值首先是11，進(jìn)入循環(huán)體，輸出11次，然后執(zhí)行 i++,這樣此時 i 的值事12，然后判斷，不滿足條件，跳出循環(huán)；
注：do while 無論條件是否滿足，至少會執(zhí)行一次
下面我們接著用do while 做一個1到10 之和，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循環(huán)語句 do....while 循環(huán)</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 語句用于跳出循環(huán)。
continue 用于跳過循環(huán)中的一個迭代。
break 語句之前在switch里面我們已經(jīng)用過 接下來，我們在例子里面講解
<!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 看看倆者輸出的區(qū)別
break 當(dāng) i 剛好等于5 的時候就直接跳出循環(huán)，所以只輸出4次，
continue 當(dāng) i 等于5的時候跳出循環(huán)，繼續(xù)執(zhí)行，看輸出結(jié)果，只有等于5的那次值沒有輸出出來
