フロー制御
プログラムの実行中、様々なコードの実行順序はプログラムの結果に直接影響します。多くの場合、達成すべき機能を実現するために、コードの実行順序を制御する必要があります。
フロー制御とは、どのような構造順序でコードを実行するかを制御することです。
フロー制御には、逐次、分岐、ループという3つの主な構造があり、3種類のコードの実行順序を表しています。
逐次フロー制御
シーケンシャル構造は、プログラムの中で最も単純かつ基本的なプロセス制御であり、それは特定の構文構造を持っていない、プログラムは、実行するために、コードの順序に従ってされ、プログラム内のコードのほとんどは、この方法で実行されます。
III.分岐フロー制御if文
分岐の構造
コードを上から下へ実行する過程で、異なる条件によって異なるパスコードが実行され、異なる結果が得られます。
JS 言語には、2 種類の分岐構造文があります。
- if
- switch
if文
1.文法構造
// 1. if分岐が多いときは、switch文よりif ...else文の構文の方が効率的である。
// 条件が真ならコードを実行し、そうでなければ何もしない。
// if (条件式){
// 条件が真であれば、そのコード文が実行される。
//}
// 2. ifの中の条件式の結果が真であれば、中括弧の中の実行文が実行される。
// if式の結果が偽の場合、中括弧内の文は実行されず、if文に続くコードが実行される。
// 3. コード体験
if ( 3 > 5){
alert('Desert Camel');
}
ステートメントは動作として理解することができ、ループや分岐文は典型的なステートメントです。プログラムはいくつかのステートメントから構成され、通常は個々のステートメントに分割されます。
if else文は
1.文法構造
// 1. 構文構造 if else else
// if (条件式){
//実行ステートメント1
// } else {
//実行ステートメント2
// }
// 2. 実行の考え方 式の結果が真であれば文1を実行し、そうでなければ文2を実行する。
// 3. コードの検証
var age = prompt('年齢を入力してください。）;
if (age >= 18){
alert('歓迎する。）;
} else {
alert('十分に古くない');
}
// 4. if elseの1の中の文と2の中の文は、最後に実行される文が1つしかない。
// 5. else 中括弧が直接続く
if else ifステートメント
1.文法構造
// 1. 複数分岐ステートメントとは、複数の条件を使って異なるステートメントを選択し、異なる結果を得る処理である。
// 2. if else if ステートメントは複数分岐ステートメントである
// 3. 構文
if （条件式 1){
// ;
} else if (条件式2){
// ;
} else if (条件式3){
// ;
} else {
// 最後の文;
}
// 4. 実行のアイデア
// 条件式1が満たされたら実行する。 条件式1が実行されたら、if分岐文全体を終了する。
// 条件式1が満たされない場合、条件式2が満たされ、ステートメント2が実行される。
// 上記の条件がすべて成立しない場合、elseの中のステートメントが実行される。
// 5. 注意点
//（1）複数分岐文や複数選択肢1は、最終的に1つの文でしか実行できない
//（2）else if 理論的には、条件はいくつでも指定できる。
//（3）else if 途中にスペースがある。
3項式
三項式は簡単な条件選択もできます。三項演算子を持つ式を三項式と呼びます。
// 1. 三項演算子を持つ式は三項式である。
// 2. ++num 3 + 5 ?:
// 3. 構文の構造
// 条件式？ 式1：式2
// 4. 実行のアイデア
// 条件式が真の場合、式1の値が返される 条件式が偽の場合、式2の値が返される
// 5. コード体験
var num = 10;
var result = num > 5 ? 'Yes': 'そうではない。; // 式には戻り値があることを知る
console.log(result);
ケース：0を補う数
ユーザーは数字を入力し、その数字が10未満の場合は01、09のようにゼロを前に付け、10以上の場合は20のように補足する必要はありません。
// ユーザー入力 0~ 59 の間の数
// 数値が10未満なら数値の前に0を加え、そうでなければ演算を行わない
// 変数を使用して戻り値を受け取り、出力する。
var num = prompt('数字を入力する');
// 三項式 式 ? 式1 : 式2
var result = num < 10 ? '0' + num : num; // 変数に戻り値を代入する
alert(result);
V. 分岐フロー制御スイッチステートメント
構文の構造
switch文は、異なる条件に基づいて異なるコードを実行するために使用されるマルチブランチ文でもあります。switchは、特定の値を持つ変数に対して一連のオプションを設定したい場合に使用します。
// 1. switch また、switch文は複数の分岐を持つ文であり、複数の選択肢を選択するためにも使用できる。
// 2. 構文構造 switch 変換、switch case 小例やオプションの意味
switch(式){
case value1;
実行ステートメント1;
break;
case value2;
実行ステートメント2;
break;
...
default:
最後の文を実行する
}
// 3. 式の値を使ってcaseの後のオプションの値とマッチさせ、マッチすればcaseの中のステートメントを実行し、マッチしなければdefaultの中のステートメントを実行するという考え方だ。
// 4. コードの検証
// switch 注意事項
var num = 1;
switch(num){
case 1;
console.log('ちょうど1')
break;
case 2;
console.log('これは2')である。;
break;
default:
console.log('一致する結果がない');
}
// 1. 開発では、式は変数として記述されることが多い。
// 2. num caseの値と一致すれば等しい。 値とデータ型は同じでなければならない。=== 1
// 3. break 現在のケースにブレークがない場合、switchは終了せず、次のケースを実行し続ける。
ケース：果物に関する照会
ユーザーはポップアップボックスにフルーツを入力し、それが入手可能であればそのフルーツの価格がポップアップ表示され、入手不可能であればポップアップボックスに「そのようなフルーツはありません」と表示されます。
// 1. プロンプト入力ボックスがポップアップし、ユーザーが果物の名前を入力すると、その値が取り込まれ変数に格納される。
// 2. この変数をswitch括弧内の式として使用する。
// 3，case後者の値に対するいくつかの異なる果実の名前を書き、必ず引用符で囲むこと！
// 4，異なる価格をポップアップするだけだ。また、switch文を終了するために、それぞれのcaseの後にbreakが続くことにも注意しよう。
// 5. デフォルトではこのような果物はない
var fruit = prompt('クエリの実を入力してください:');
switch (fruit){
case ' :
alert('リンゴの値段は3である.5/ ;
break;
case ' :
alert('ドリアンの値段は35円である。）;
break;
defalt:
alert('そのような果実はない');
}
swich文とif文の違い
- 1.一般的に、この2つのステートメントは互いに置き換えることができます。
- 2. switch....case文は通常、caseの正確な値の比較のためにcaseを扱いますが、if...else.....case文はより柔軟で、しばしば範囲判定で使用されます。
- 3、直接プログラムへの条件文の実装後、より効率的な条件判断のためのスイッチステートメント、およびif...elseステートメントは、いくつかの条件がある場合は、判断する必要があります何回
- 4.分岐が少ない場合、if.....else文の実行効率はswitch文より高くなります。
- 5、分岐が多い場合、switch文の実行はより効率的であり、より明確な構造。
