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の課題
この記事では、mysql5.7.23 の詳細なインストールプロセスを記録し、皆さんと共有します。 1...
序文多くの MySQL テスト シナリオでは、テスト用に一部のテスト データを手動で生成する必要があ...
先週、先生が私に数字当てゲームをするちょっとした宿題を出しました。とても面白いと思ったので、適当に書...
WML (ワイヤレス マークアップ言語)。これは HTML から派生したマークアップ言語ですが、W...
恥ずかしながら、このようなよく使われるチェックボックスのスタイルを変更するために、Baidu で長い...
目次複数の変数を同時に宣言する場合は、1 行に短縮できます。分割代入は複数の変数に同時に値を割り当て...
目次1. インストール2.APi 3. react-beautiful-dnddemo 3.1dem...
2時間近くかけて、さまざまな方法を試しました。後で、whereでフィルタリングした後のデータ量が1ペ...
目次シナリオ解決してみる解決するシナリオ今日、コンポーネントの双方向データバインディングにv-mod...
方法1: npm経由でプラグインをインストールする1. npm install vue-print-...
一つの環境Alibaba Cloud Server: CentOS 7.4 64 ビット (RedH...
導入された HTML タグは、必ずしも XHTML 仕様に完全に準拠しているわけではありません。実際...
序文この記事では、Linux で Squid プロキシ サーバーを設定することに関する関連コンテンツ...
今日の Web デザインでは、非常に大きなフォントが表示される傾向があります。これらのオープンソース...
ktl ツールを使用して、mysql から mysql にデータを同期します。 1. 新しいジョブス...