JavaScript程式都有哪些結構
- 青灯夜游原創
- 2021-10-15 15:49:313461瀏覽
JavaScript中有3種程式結構，分別為：1、順序結構；程式預設都是從上到下逐行執行。 2、分支結構；根據條件判斷的結果，有選擇的執行不同。 3.循環結構；程式可以重複執行同一程式碼段，到達臨界時退出。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript中的程式結構
分成三大類:
#順序：程式預設都是從上到下逐行執行
分支：根據條件判斷的結果，有選擇的執行不同
循環：程式可以重複執行同一程式碼段，到達臨界時退出
*************************************** ************************************************** *********
範例：
需求分析:
var price=prompt("please input the goods price:");
var accout=prompt("please input the goods account:");
var money=prompt("please input the goods money:");
var sum=parseFloat(price)*parseInt(accout);
(sum>500)&&(sum*=0.8);
var change=money-sum;
alert("应收"+sum+",找零"+change);分支結構
1.if 結構：
#語法：
if（条件）{
满足条件才执行的的代码段
}2.if ···else結構：
語法：
if（条件）{
满足条件才执行的的代码段}
else{
条件不满足
}3.else if結構
語法：
if（条件1）{
满足条件1才执行的的代码段
}else if（条件2）{
条件2满足
}else if（条件3）{
条件3满足
}else{
之前所有条件都不满足
}4.分支結構 vs 三目/短路
如果只是回傳值-->三目/短路
如果操作複雜--->分支結構
短路邏輯：
條件&&操作：一件事情，滿足就做，否則不做，在只限操作簡單的情況下
值1||值2：如果值1有效，就回傳值1，否則回傳值2
三目運算：
三目運算：多個值，依條件判斷，多選一
条件表达式 ? 表达式1 : 表达式2 ;
如果“條件式”的結果為真（true），則執行“表達式1”中的程式碼，否則就執行「表達式2」中的程式碼。
5.switch結構
語法：
switch（表达式）{
case 值1：代码1;
case 值2：代码2;
case 值3：代码3;
"""""`
default:默认代码段;
}break:停止目前結構的執行,並跳出目前結構
continue：結束本輪循環，繼續下一輪循環//control一般都額可以使用否定條件代替.
switch:條件是全等比較時，首選switch case
#else if:除全等比較外，希望靈活定義條件時
循環結構
循環結構： 讓程式重複執行一段程式碼段，只有達到臨界條件時，停止循環
3要素：
1.循環條件：繼續循環的條件
-
#2.循環變數：在循環條件中，用作比較的變數
//從幾開始,每次增減幾,到幾結束
#3.循環體:反覆執行的程式碼段
while迴圈
#使用條件：循環變數的變化法則不確定的時候
文法
while（条件）{
循环体;
迭代循环变量;
}範例：
猜數字遊戲：由電腦隨機產生一個0-100的數字，玩家進行猜測數字的大小，並給予猜大了，猜小了的提示，直到最後猜對！
var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的随机数
var input="";
while(input!=n&&input!="exit"){
input=prompt("you guess");
alert(
input>n?"bigger":
input <n?"smaller":
input=="exit"?"give up!":
"you are right"
);do while迴圈
#使用條件：如果第一個條件就不滿足，也希望至少能執行一次；
語法：
var 循环变量=初值;
do{
循环体;
迭代变化循环变量;
} while（循环条件）for迴圈
使用條件：循環變數的變化規律固定時
語法：
var 循环变量=初值；
for（var 循环变量=初值;循环条件;迭代变化循环变量）{
循环体
}範例：列印乘法表中製定一行（必須在控制台輸出）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function fun(n){
var str="";
for(var i=1;i<=n;i++){
str+=( i+"x"+n+"="+(i*n)+" ");
}
console.log(str);
}
</script>
</head>
<body>
<button οnclick="fun(prompt('请输入行号：'))">打印乘法口诀指定行</button>
</body>
</html>
【推薦學習：javascript高階教學】
以上是JavaScript程式都有哪些結構的詳細內容。更多資訊請關注PHP中文網其他相關文章！