首頁 > web前端 > 前端問答 > JavaScript程式都有哪些結構

JavaScript程式都有哪些結構

青灯夜游
發布: 2021-10-15 15:49:31
原創
3482 人瀏覽過

JavaScript中有3種程式結構,分別為:1、順序結構;程式預設都是從上到下逐行執行。 2、分支結構;根據條件判斷的結果,有選擇的執行不同。 3.循環結構;程式可以重複執行同一程式碼段,到達臨界時退出。

JavaScript程式都有哪些結構

本教學操作環境: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(&#39;请输入行号:&#39;))">打印乘法口诀指定行</button>
	</body>
</html>
登入後複製


【推薦學習:javascript高階教學

以上是JavaScript程式都有哪些結構的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板