ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptのプログラム構造とは何ですか?

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

青灯夜游
青灯夜游オリジナル
2021-06-15 17:26:573017ブラウズ

JavaScript のプログラム構造には、1. 最初から最後まで文ごとに実行されるシーケンシャル構造、2. 特定のノードに到達した後、そのノードに基づいてどのノードに従うかを決定する分岐構造が含まれます。判定結果 分岐方向実行 3. ループ構造

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

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

JavaScript プログラム構造

プログラムの実行順序はシーケンシャル構造、分岐構造、ループ構造の 3 種類に分かれます

1. シーケンシャル構造

プログラムのデフォルト構造は最初から最後まで一文ずつ実行されます

2. 分岐構造(構造の選択)

To あるノード以降は、判定結果に基づいて今後実行する分岐方向が決定されます

分岐構造の特徴: のみ1 つの分岐は同じ分岐構造で実行されます

(1) if
if(条件){
代码块1;
}

実行規則: 条件が成立すると、該当するコード ブロックが実行されます。 if 文

var age = 26;
    if (age >= 18) {
   		alert("你已经成年");//你已经成年
    }

は同じで実行されます 分岐構造内で 1 つの分岐のみが実行されます 2 つの if 条件は独立しているため、

var a = 5;
       if (a > 3) {
           console.log(1);//1
       }
       if (a > 0) {
           console.log(2);//2
       }
2.if が出力されます…else
if(条件){
	代码块1;
}else{
	代码块2;
}

実行規則: if 条件が true の場合、if ステートメントに対応するコード ブロックが実行され、true でない場合、else のコード ブロックが実行されます。

var age = 15;
    if (age >= 18) {
   		alert("你已经成年");
   }else{
   		alert("你还没有成年");//你还没有成年
    }

3. 複数分岐ステートメント
if(条件1){
	代码块1;
}else if(条件2){
	代码块2;
}
...
else if(条件n){
	代码块n;
}else{
	代码块m;
}
実行規則 : 条件 n が満たされ、条件 n に対応するコード ブロックが実行される場合、1 つの分岐のみが実行されます

var age = prompt('请输入年龄:');
        if (age < 18) {
            console.log(&#39;未成年&#39;);
        } else if (age >= 18 && age <= 30) {
            console.log(&#39;青年&#39;);
        } else if (age > 30 && age <= 60) {
            console.log(&#39;中年&#39;);
        } else if (age > 60) {
            console.log(&#39;老人&#39;)
        } else {
            console.log(&#39;请输入正确的年龄&#39;);
        }

[関連する推奨事項:

JavaScript 学習チュートリアル]

4.スイッチ構造
スイッチ.. .case は一致比較です

switch(表达式){
       case 值:
			代码块;
 			break;
		case 值2:
			代码块;
			break;
		...
		default:
			代码块;
			break
	}

実行ルール: 式は case の背後にある値と比較され、等しいかどうかが判断されます。等しい場合は、対応するコード ブロックが実行されます。上記のケースと式が等しくない場合は、デフォルトの内容が実行されます。

<script>
        var a = 10;
        var b = 20;
        var c = &#39;/&#39;;
        var result;
        switch (c) {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":
                result = a / b;
                break;
            default:
                result = a + b;
                break;
        }
        console.log(result);
    </script>

スイッチ貫通問題

 60分以上的及格,其他的留级        
 switch (score) {
            case 6:
            case 7:
            case 8:
            case 9:
            case 10:
                console.log(&#39;及格&#39;);
                break;
            default:
                console.log(&#39;留级&#39;);
                break;
        }

3. ループ構造

ループ構造にはループ本体があり、ループ本体はコードの一部です。ループ構造の場合、


##1.for

for(循环变量初始化;循环判断;循环迭代){
	循环体;
}
の判定結果に応じて、ループ本体を何回実行するかを決めるのがポイントです。

実行ルール

    ステップ 1: ループ変数の初期化 var i=0;
  • ステップ 2: ループ条件判定 i<5
  • 判定成立 ループ本体実行

    # 判定不成立 ループ終了

  • # 第三ステップ:ループiteration i
  • ステップ 4: ステップ 2 に戻る
  •   for (var i = 0; i < 5; i++) {
                console.log(i);//0 1 2 3 4
            }
2.while

実行ルール: If 条件が true の場合、ループ本体

while(条件){
		循环体;
	}

が実行されて、紙が折り畳まれる回数が計算され、その厚さがエベレスト山を超えます

var total = 8848000;
        var h = 1;//纸厚度
        var count=0;
        while (h <= total) {            
            h*=2;
            count++;//次数递增
        }
        console.log(&#39;折叠了&#39;+count+&#39;次数&#39;);
        console.log(h);

3.do…while

while と do...whiel の違い: while ループは最初に判定されてから実行されますが、do...while は最初に実行されてから判定されます。条件は true または false で、一度実行されます

do{
	循环体;
 }while(条件);
 var a = 0;
        do {
            console.log(1);//1
        } while (a > 0);


        while (a > 0) {
            console.log(1);//无输出
            a++;
        }

4.for …in

オブジェクトと配列を走査するためによく使用されます

数组
var arr = [10, 20, 30, 40];
for(var i in arr){
         console.log(i);
         console.log(arr[i]);
      }
对象
 var obj = {
            name: &#39;jack&#39;,
            age: &#39;20&#39;,
            addr: "北京路"
        };
        for (var i in obj) {
            console.log(i);
            console.log(i,obj[i]);
        }

5. Break と continue の違い

break; ループを終了して自分自身から離れる 最も近いループ

Continue; このループを終了し、次のループ、ループを継続します。あなたに最も近い

 for(var i=0;i<5;i++){
            if(i==2){
                break;
            }
            console.log(i);
        }
        var sum = 0;//需要有初值,否则会NaN
            if (i % 2 != 0) {
                continue;
            }
            sum += i;// sum =sum+0
        }

6. ループのネスト

外側のループは1回実行され、内側のループも1回実行されます

 for (var j = 0; j < 4; j++) {
            //输出一行*
            for (var i = 0; i < 5; i++) {
                document.write(&#39;*&#39;);
            }
            //换行
            document.write("<br>");
        };

詳細プログラミング関連の知識については、

プログラミング入門

をご覧ください。 !

以上がJavaScriptのプログラム構造とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。