JavaScript-流程控制語句
阿新 • • 發佈：2018-11-21
一、JavaScript流程控制語句
1.if... else語句
if (條件表示式) {語句;} else if (條件表示式) {語句;} ... else {語句;}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - if語句</title>
<script type="text/javascript">
var a = 90;
if(a>80){
alert("很好");
}else if(a>60){
alert("及格");
}else{
alert("很差")
}
</script>
</head>
<body>
</body>
</html>2.switch語句
多重分支語句：
switch () { case n : ...};
switch語句是多重條件判斷，用於多個值相等的比較。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - switch語句</title>
<script type="text/javascript">
var a = 80;
switch (a){
case 80:
alert("很好"); //判斷條件兩個值是否相等，相等則執行
break;
case 60:
alert("及格");
break;
default: //在匹配的時候，條件都不滿足執行
alert("不好");
}
</script>
</head>
<body>
</body>
</html>
3.do...while語句
do...while語句是一種先執行，後判斷的迴圈語句。也就是說，不管條件是否滿足，至少先執行一次迴圈體。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - do...while語句</title>
<script type="text/javascript">
//先執行，後判斷
var i = 1;
do{
alert(i);
i++;
}while(i<=5);
</script>
</head>
<body>
</body>
</html>
4.while語句
while語句是一種先判斷，後執行的迴圈語句。也就是說，必須滿足條件了之後，方可執行迴圈體。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - while語句</title>
<script type="text/javascript">
//先判斷，後執行
var i = 1;
while (i<=5) {
alert(i);
i++;
}
</script>
</head>
<body>
</body>
</html>
5.for語句
for語句也是一種先判斷，後執行的迴圈語句。但它具有在執行迴圈之前初始變數和定義迴圈後要執行程式碼的能力。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - for語句</title>
<script type="text/javascript">
//先判斷，後執行
for(var i=1;i<=5;i++){
alert(i)
}
</script>
</head>
<body>
</body>
</html>
（6）for...in語句
for...in語句是一種精準的迭代語句，可以用來列舉物件的屬性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - for...in語句</title>
<script type="text/javascript">
//彈框彈出所有的key值
var box={
"name":"suner", //鍵值對，左邊是屬性名，右邊是值
"addr": "wuxi",
"age":20
};
for(var p in box){ //列舉出物件的所有的屬性
alert(p);
}
</script>
</head>
<body>
</body>
</html>
break和continue語句用於在迴圈中精確地控制程式碼的執行。其中，break語句會立即退出迴圈，強制繼續執行迴圈體後面的語句。而continue語句退出當前迴圈，繼續後面的迴圈。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - for...break語句</title>
<script type="text/javascript">
for (var box = 1; box <= 10; box++) {
if (box == 5) break; //如果box是5，就退出迴圈
document.write(box);
document.write('<br />');
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js - for...break語句</title>
<script type="text/javascript">
for (var box = 1; box <= 10; box++) {
if (box == 5) continue; //如果box是5，就退出當前迴圈，繼續下次迴圈
document.write(box);
document.write('<br />');
}
</script>
</head>
<body>
</body>
</html>