1. プロセス制御プロセス制御には主に 3 つの構造があります。
これら 3 つの構造は、コード実行の 3 つの順序を表します。 2. シーケンシャルプロセス制御シーケンシャル構造は、プログラムにおける最も単純かつ基本的なフロー制御です。特定の文法構造はありません。プログラムはコードの順序に従って実行されます。プログラム内のほとんどのコードは、この方法で実行されます。 3. 分岐フロー制御if文1. 支店構造コードを上から下へ実行する過程で、異なる条件に応じて異なるパスコードが実行され(複数の実行コードを選択するプロセス)、異なる結果が得られます。 2. if文// 条件が満たされた場合はコードを実行し、そうでない場合は何もしない if (条件式) { // 条件が満たされたときに実行されるコードステートメント} 実行プロセスは次のとおりです。
var age = prompt('年齢を入力してください:'); 年齢が18歳以上の場合 alert('あなたの年齢は適法です。入力してください!'); } 入力値が 18 以上の場合、次のポップアップ ウィンドウが表示されます。 3. if else文(二重分岐文)文法構造: // 条件が満たされた場合はif内のコードを実行し、そうでない場合はelse内のコードを実行します if (条件式) { // [if] 条件が満たされた場合、コードを実行します } else { // [それ以外の場合] 実行するコード} 実行プロセス: たとえば、うるう年かどうかを確認するケースを作成します。ユーザーが入力した年を受け取ります。うるう年の場合は、うるう年を示すポップアップ ウィンドウが表示されます。それ以外の場合は、平年を示すポップアップ ウィンドウが表示されます。 var year = prompt('審査対象となる年を入力してください:'); if(year%400 == 0 || year % 4 == 0 && year / 100 != 0) { alert('今年はうるう年です!'); }それ以外{ alert('今年は平年並みです!'); } 2004 年に入ると: 2005 を入力すると、次のポップアップが表示されます。 4. if else if 文(多分岐文)文法構造: // 複数の条件をチェックするのに適しています。 if (条件式1) { 声明1; } else if (条件式2) { ステートメント2; } else if (条件式3) { ステートメント3; .... } それ以外 { // 上記の条件が満たされない場合は、ここでコードを実行します} 実行プロセス:
ケーススタディ: 大きいものから小さいものへと判断するというアイデアに従って、 var score = prompt('スコアを入力してください:'); (スコア >= 90)の場合{ アラート('A'); } そうでない場合 (スコア >= 80) { 警告('B'); } そうでない場合 (スコア >= 70) { アラート('C'); } そうでない場合 (スコア >= 60) { 警告('D'); } それ以外 { アラート('E'); } 対応するスコアを入力すると、対応するレベルがポップアップ表示されます。 4. 三項式三項式では、いくつかの簡単な条件選択を行うこともできます。 三項演算子で構成される式は三項式と呼ばれます。 式1 ? 式2 : 式3; 実装のアイデア: 式 1 が真の場合、式 2 の値が返されます。式 1 が偽の場合、式 3 の値が返されます。簡単に言うと、if else (二重分岐) の省略形に似ています。 var num = prompt('0から59までの数字を入力してください'); var result = num < 10 ? '0' + num : num; アラート(結果); 入力が 2 の場合、0 を加算する演算が実行されます。 10 を入力すると、結果が直接印刷されます。 5. 分岐フロー制御スイッチ文1. 文法構造
文法構造: switch(式){ ケース値1: // 式が値1 と等しい場合に実行されるコード break; ケース値2: // 式が値2 と等しい場合に実行されるコード break; デフォルト: // 式がどの値とも等しくない場合に実行されるコード}
たとえば、成績を照会するケースを入力する場合、要件は上記の if-else-if ステートメントと同じです。 var s = prompt('スコアを入力してください:'); var n = parseInt(s/10); var k = null; スイッチ(n){ ケース10: { k = 'A'; 壊す; } ケース9: k = 'B'; 壊す; } ケース8: k = 'C'; 壊す; } ケース7: k = 'D'; 壊す; } デフォルト: k = 'E'; } console.log('あなたの成績は: '+k); 入力が 100 ポイントの場合、出力は次のようになります。 入力が 73 ポイントの場合、出力は次のようになります。 2. switch文とif else if文の違い
JavaScript フロー制御 (分岐) に関するこの記事はこれで終わりです。JavaScript フロー制御に関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: エージェントを介したzabbix監視プロセスとポートの詳細なプロセス
>>: 大規模なウェブサイトアーキテクチャを設計・構築する際に考慮すべき10の課題
SQL では、GROUP BY は SELECT の結果のデータをグループ化するために使用されます。...
この記事は、透明度を変えてカルーセルにするXiaomiカルーセルを真似て書いたものです。初心者なので...
スーパーバイザー紹介Supervisor は、Python で開発されたクライアント/サーバー サー...
画像の色を変更するための CSS テクニックは非常にシンプルです。具体的なコードは次のとおりです。ヒ...
背景最近、オンライン操作中に DML ステートメントを実行しました。これは絶対確実だと思っていました...
私は同時通訳音声認識機能を使用して、WeChatアプレットのホームページの音声検索機能を実現しました...
ページで CSS を使用する主な方法は、スタイル属性値をインラインで追加する方法、ページ ヘッダーで...
1. 説明MySQLでは、テーブル内の行の総数を取得する必要がある場合、通常は次の文を使用します。 ...
Vue のトランジションは、アニメーション トランジションをカプセル化するコンポーネントです。一般...
explain コマンドは、クエリ オプティマイザーがクエリの実行を決定した方法を確認する主な方法で...
グループを作成グループ化は、SELECT ステートメントの GROUP BY 句で設定されます。例:...
Alibaba Cloud yum コマンドでのデフォルトの MySQL バージョンは 5.17**...
最近、ウェブサイトを開発する際にトップに戻るボタンを作成する必要がありますが、私は主にバックエンドの...
フレームセット ページは通常の Web ページとは多少異なります。依然として <HTML>...
次のようなシナリオがあります。円形のコンテナで、最も外側のコンテナの背景が円弧になっています。内側の...