溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹Javascript中流程控制的示例，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
流程控制
JavaScript通過流程語句來執行程序流，程序流有若干語句組成。在正常情況下，程序中 的語句時按照書寫順序執行的，這種結構稱為順序結構。除了順序結構之外還有選擇結構和循環結構。
1.選擇結構
（1）if-else語句
語法：
if（condition）{
statementS;
}else{
statements;
}(2)if-else if-else語句
語法：
if（condition）{
statementS;
}else if{
statements;
}
……
else{
statements;
}例如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><html><head>
<meta charset="GB2312">
<title>選擇結構</title>
<script language="JavaScript">
function max() {
var fist=parseInt(form1.fist.value);
var secod=parseInt(form1.secod.value);
if(isNaN(fist)){
alert("第一個數不是數值類型");
form1.fist.value="";
} else if (isNaN(secod)) {
alert("第二個數不是數值類型");
form1.secod.value="";
}else{
var max=(fist>=secod?fist:secod);
document.write("兩個數之間較大的數為："+max);
}
}
</script>
</head>
<body>
<form name="form1">
請輸入第一個數（數值型）: <input type="text" name="fist" />
<br>
請輸入第二個數（數值型）： <input type="text" name="secod" />
<br>
<input type="button" ONCLICK="max()" value="選擇較大值" />
<input type="reset" value="重填" />
</form>
</body>
</html>（3）switch語句([ ]中為可選)
語法：
switch（expression）{
case value1：
statement；
break；
case value2：
statement2；
break；
……
case valueN;
statementN；
break；
[defalut:
defalutStatements;]
}例如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""
<html>
<head>
<meta charset="GB2312">
<title>switch語句</title>
</head>
<body>
<script language="JavaScript">
var day= new Date().getDay();
switch (day){
case 0: title="今天是星期日"; break;
case 1: title="今天是星期一"; break;
case 2: title="今天是星期二"; break;
case 3: title="今天是星期三"; break;
case 4: title="今天是星期四"; break;
case 5: title="今天是星期五"; break;
case 6: title="今天是星期六"; break;
}
document.write(title);
</script>
</body>
</html>2.循環語句
（1）for循環（循環次數已知的循環）
語法：
for（inintal-condition;conditin;increment）{
statements;
}例子：
輸出九九乘法表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>循環結構</title>
</head>
<body>
<font size="-1" color="blue">
<script language="JavaScript">
var i,j;
for(i=1;i<=10;i++){
for(j=1;j<=i;j++){
document.write(j+"*"+i+"="+i*j);
document.write(" ");
}
document.write("<br>");
}
</script>
</font>
</body>
</html>（2）for-in語句（通常用來遍歷數組）
語法：
for（elements in object）{
statement；
}例如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>for-in</title>
</head>
<body>
<script language="JavaScript">
var student=new Object();
student.name="王明明";
student.no="20120156";
student.addreess="山東濟南";
for(e in student){
document.write(e+":"+student[e]+"<br>");
}
</script>
</body>
</html>（3）while語句（次數未知的循環）
語法：
while（condition）{
statement；
}例如：
輸出1-100中3的倍數
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>while循環</title>
</head>
<body>
<script language="JavaScript">
var i=1;
while(i<100){
if(i%3==0){
document.write(i+" ");
}
i++;
}
</script>
</body>
</html>（4）do-while語句（該語句最少執行一次）
語法：
do{
statement；
}
while(conditions);例如：
計算1-100的和
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>do-while語句</title>
</head>
<body>
<script language="JavaScript">
var i = 1;
var num = 0;
do {
sum+=i;
i++
}while(i<=100);
document.write("1-100的和是："+sum);
</script>
</body>
</html>轉移語句
（1）break語句
break語句用于switch語句和for語句等循環語句中。用來中止switch語句，執行switch語句后的語句。
（2）continue語句
continue語句用于for，while，do-while，for-in語句中，用來結束本次循環，執行下一次循環，一般與if語句一起使用。
（3）return語句
return語句一般在函數中使用，可以使用return語句表達式的格式返回任意類型的函數值，返回的函數值可以用變量接受。
以上是“Javascript中流程控制的示例”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
