JavaScript for 迴圈
迴圈可以將程式碼區(qū)塊執(zhí)行指定的次數(shù)。
JavaScript 循環(huán)
#如果您希望一遍又一遍地運(yùn)行相同的程式碼，並且每次的值都不同，那麼使用循環(huán)是很方便的。
JavaScript 支援不同類(lèi)型的迴圈：
#for?- 迴圈程式碼區(qū)塊一定的次數(shù)
for/in?- 循環(huán)遍歷物件的屬性
while?- 當(dāng)指定的條件為true 時(shí)循環(huán)指定的程式碼區(qū)塊
do/ while?- 同樣當(dāng)指定的條件為true 時(shí)循環(huán)指定的程式碼區(qū)塊
#For 循環(huán)
# for 迴圈是您在希望建立迴圈時(shí)常會(huì)用到的工具。 下面是for 迴圈的語(yǔ)法：##for (語(yǔ)句1;?語(yǔ)句2;?語(yǔ)句3)
? {? 執(zhí)行的程式碼區(qū)塊
? }語(yǔ)句1?（程式碼區(qū)塊）開(kāi)始前執(zhí)行starts.語(yǔ)句2?定義執(zhí)行迴圈（程式碼區(qū)塊）的條件
語(yǔ)句3?在迴圈（程式碼區(qū)塊）已執(zhí)行後執(zhí)行
#實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊按鈕循環(huán)代碼5次。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
for (var i=0;i<5;i++){
x=x + "該數(shù)字為 " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>執(zhí)行程式嘗試一下
從上面的範(fàn)例中，您可以看到：Statement 1 在迴圈開(kāi)始之前設(shè)定變數(shù)(var i=0)。
Statement 2 定義循環(huán)運(yùn)行的條件（i 必須小於 5）。 Statement 3 在每次程式碼區(qū)塊已執(zhí)行後增加一個(gè)值 (i++)。
語(yǔ)句1#通常我們會(huì)使用語(yǔ)句1 初始化迴圈中所使用的變數(shù)(var i=0) 。
語(yǔ)句 1 是可選的，也就是說(shuō)不使用語(yǔ)句 1 也可以。 您可以在語(yǔ)句1 中初始化任意（或多個(gè)）值：###<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["小明","小龍","小奇","小濤"];
for (var i=0,l=cars.length; i<l; i++){
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>###執(zhí)行程式嘗試#########同時(shí)您也可以省略語(yǔ)句1（例如在循環(huán)開(kāi)始前已經(jīng)設(shè)定了值時(shí)）：#############實(shí)例#########<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=2,len=cars.length;
for (; i<len; i++){
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>###執(zhí)行程式嘗試########## ######語(yǔ)句2############通常語(yǔ)句2 用來(lái)評(píng)估初始變數(shù)的條件。 ###語(yǔ)句 2 同樣是可選的。
如果語(yǔ)句 2 傳回 true，則循環(huán)再次開(kāi)始，如果傳回 false，則循環(huán)將結(jié)束。
注意：如果您省略了語(yǔ)句 2，那麼您必須在迴圈內(nèi)提供?break。否則循環(huán)就無(wú)法停下來(lái)。這樣有可能令瀏覽器崩潰。
語(yǔ)句 3
#通常語(yǔ)句 3 會(huì)增加初始變數(shù)的值。
語(yǔ)句 3 也是可選的。
語(yǔ)句 3 有多種用法。增量可以是負(fù)數(shù) (i--)，或更大 (i=i+15)。
語(yǔ)句3 也可以省略（例如當(dāng)迴圈內(nèi)部有對(duì)應(yīng)的程式碼）：
#實(shí)例##
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0,len=cars.length;
for (; i<len; ){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>執(zhí)行程式嘗試For/In 迴圈
#JavaScript for/in 語(yǔ)句循環(huán)遍歷物件的屬性：實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點(diǎn)擊下面的按鈕，循環(huán)遍歷對(duì)象 "person" 的屬性。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>執(zhí)行程式試試看我們將在下一章為您講解while 迴圈和do/while 迴圈。
