Javascript 基礎(chǔ)教學(xué)循環(huán)語句
迴圈語句
#for ?迴圈
for (語句1;語句2;語句3)
????執(zhí)行語句；
}
#語句1?（程式碼區(qū)塊）開始前執(zhí)行starts. ? ??
語句2?定義運作循環(huán)（程式碼區(qū)塊）的條件? ??
語句3?在迴圈（程式碼區(qū)塊）已執(zhí)行後執(zhí)行
##下面我們來寫一個實例：
<!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>如上程式碼，計算出1到10的和我們在寫一個實例：看下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í)行程式碼區(qū)塊；
}
範(fàn)例：<!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>附註：小夥伴們需要注意點，循環(huán)體內(nèi)的i++ 是來更改條件的，如果沒有這個i++來更改條件， 那麼i=1; 是一直滿足條件i<10 的，這樣循環(huán)就會一直執(zhí)行下去#我們稱為死循環(huán)
下面我們使用while 迴圈再來寫一個實例：計算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)容??如果條件不滿足，就會跳出迴圈體
例如i=11;執(zhí)行下面語句，則不會執(zhí)行i++;然後繼續(xù)往下執(zhí)行，輸出結(jié)果sum;
do.....while ??迴圈
do{
????執(zhí)行語句;}while(條件);#下面我們來看一段實例程式碼：<!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)入迴圈體，輸出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 語句用來跳出迴圈。 ######continue 用來跳過迴圈中的一個迭代。 ######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的那次值沒有輸出出來
