JavaScript プログラムの構造は何ですか?-フロントエンドQ&A-php.cn

JavaScript プログラムの構造は何ですか?

青灯夜游

リリース： 2021-10-15 15:49:31

オリジナル

3494 人が閲覧しました

JavaScript には 3 つのタイプのプログラム構造があります: 1. シーケンシャル構造; デフォルトでは、プログラムは上から下へ 1 行ずつ実行されます。 2. 分岐構造; 条件判定の結果により選択実行が異なります。 3. ループ構造: プログラムは同じコードセグメントを繰り返し実行し、臨界点に達すると終了します。

JavaScript プログラムの構造は何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript のプログラム構造は、次の 3 つの主要なカテゴリに分類されます。

##ループ: プログラムは同じコードを実行できますセグメントを繰り返し、臨界点に達すると終了
**************************** ************** *********************************** *************** *********＃＃＃＃＃＃＃＃＃例：＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃要件分析:

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. 分岐構造と三眼/短絡

値を返すだけの場合 --> 三眼/短絡

演算が複雑な場合 ---> 分岐構造

短絡ロジック: 条件 && 操作: 1 つのことが満たされた場合は実行し、それ以外の場合は操作が単純な場合のみ実行しません。

値 1||値 2: 値 1 が有効な場合、戻り値 1、それ以外の場合は戻り値 2

三項演算:

三項演算: 複数の値、条件に基づいて判断、複数の中から 1 つを選択

条件表达式 ? 表达式1 : 表达式2 ;

ログイン後にコピー

「条件式」の結果が真(true)の場合は「式2」の「式1」のコードを実行し、それ以外の場合は「式2」のコードを実行します。

5.switch 構造

構文:

switch（表达式）{
case  值1：代码1;
case  值2：代码2;
case  值3：代码3;
"""""`
default:默认代码段;
}

ログイン後にコピー

break: の実行を停止します。現在の構造、および現在の構造から飛び出す

継続: このサイクルを終了し、次のサイクルを続行//コントロールは通常、代わりに負の条件を使用できます。

ループ構造: プログラムでコードのセクションを繰り返し実行し、重大な条件に達した場合にのみループを停止します。
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 ループ

使用条件: 最初の条件が満たされない場合は、少なくとも実行できることを望みます。 Once;

構文 :

var 循环变量=初值;
do{
  循环体;
  迭代变化循环变量;
} while（循环条件）

ログイン後にコピー

forloop

使用条件 : ループのパターン変更時変数は固定です

構文:

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 中国語 Web サイトの他の関連記事を参照してください。