溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript程序都有什么結(jié)構(gòu)

發(fā)布時(shí)間：2021-10-15 16:06:50 來源：億速云 閱讀：111 作者：小新 欄目：web開發(fā)

小編給大家分享一下JavaScript程序都有什么結(jié)構(gòu)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

JavaScript中有3種程序結(jié)構(gòu)，分別為：1、順序結(jié)構(gòu)；程序默認(rèn)都是從上到下逐行執(zhí)行。2、分支結(jié)構(gòu)；根據(jù)條件判斷的結(jié)果，有選擇的執(zhí)行不同。3、循環(huán)結(jié)構(gòu)；程序可以反復(fù)執(zhí)行同一代碼段，到達(dá)臨界時(shí)退出。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript中的程序結(jié)構(gòu)

分為三大類:

  • 順序：程序默認(rèn)都是從上到下逐行執(zhí)行

  • 分支：根據(jù)條件判斷的結(jié)果，有選擇的執(zhí)行不同

  • 循環(huán)：程序可以反復(fù)執(zhí)行同一代碼段，到達(dá)臨界時(shí)退出

**************************************************************************************************

例子：

JavaScript程序都有什么結(jié)構(gòu)

需求分析:

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("應(yīng)收"+sum+",找零"+change);

分支結(jié)構(gòu)

1.if 結(jié)構(gòu)：

語法：

if（條件）{
滿足條件才執(zhí)行的的代碼段
}

2.if ···else結(jié)構(gòu)：

語法：

if（條件）{
滿足條件才執(zhí)行的的代碼段}
else{
條件不滿足
}

3.else if結(jié)構(gòu)

語法：

if（條件1）{
滿足條件1才執(zhí)行的的代碼段
}else if（條件2）{
條件2滿足
}else if（條件3）{
條件3滿足
}else{
之前所有條件都不滿足
}

4.分支結(jié)構(gòu)  vs  三目/短路

如果只是返回值-->三目/短路

如果操作復(fù)雜--->分支結(jié)構(gòu)

短路邏輯：

條件&&操作：一件事情，滿足就做，否則不做，只限操作簡單的情況下

值1||值2：如果值1有效，就返回值1，否則返回值2

三目運(yùn)算：

三目運(yùn)算：多個(gè)值，按條件判斷，多選一

條件表達(dá)式 ? 表達(dá)式1 : 表達(dá)式2 ;

如果“條件表達(dá)式”的結(jié)果為真（true），則執(zhí)行“表達(dá)式1”中的代碼，否則就執(zhí)行“表達(dá)式2”中的代碼。

5.switch結(jié)構(gòu)

語法：

switch（表達(dá)式）{
case  值1：代碼1;
case  值2：代碼2;
case  值3：代碼3;
"""""`
default:默認(rèn)代碼段;
}

  • break:停止當(dāng)前結(jié)構(gòu)的執(zhí)行,并跳出當(dāng)前結(jié)構(gòu)

  • continue：結(jié)束本輪循環(huán)，繼續(xù)下一輪循環(huán)//control一般都額可以使用否定條件代替.

  • switch:條件是全等比較時(shí)，首選switch case

  • else if:除全等比較外，希望靈活定義條件時(shí)

循環(huán)結(jié)構(gòu)

循環(huán)結(jié)構(gòu)： 讓程序反復(fù)執(zhí)行一段代碼段，只有達(dá)到臨界條件時(shí)，停止循環(huán)

3要素：

  • 1.循環(huán)條件：繼續(xù)循環(huán)的條件

  • 2.循環(huán)變量：在循環(huán)條件中，用作比較的變量

    //從幾開始,每次增減幾,到幾結(jié)束

  • 3.循環(huán)體:反復(fù)執(zhí)行的代碼段

while循環(huán)

使用條件：循環(huán)變量的變化規(guī)律不確定的時(shí)候

語法

while（條件）{
循環(huán)體;
迭代循環(huán)變量;
}

例子：

猜數(shù)字游戲：由計(jì)算機(jī)隨機(jī)生成一個(gè)0-100的數(shù)字，玩家進(jìn)行猜測數(shù)字的大小，并給予猜大了，猜小了的提示，直到最后猜對！

var n=parseInt(Math.random()*(100-0+1)+0);
//生成0-100的隨機(jī)數(shù)
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循環(huán)

使用條件：如果第一個(gè)條件就不滿足，也希望至少能執(zhí)行一次；

語法：

var 循環(huán)變量=初值;
do{
  循環(huán)體;
  迭代變化循環(huán)變量;
} while（循環(huán)條件）

for循環(huán)

使用條件：循環(huán)變量的變化規(guī)律固定時(shí)

語法：

var 循環(huán)變量=初值；
for（var 循環(huán)變量=初值;循環(huán)條件;迭代變化循環(huán)變量）{
循環(huán)體
}

例子：打印乘法表中制定一行（必須在控制臺(tái)輸出）

<!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程序都有什么結(jié)構(gòu)

以上是“JavaScript程序都有什么結(jié)構(gòu)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手