各コードの実行順序の結果に直接影響し
ます:フロー制御は、私たちの目的を達成するために、書かれたコードをどの順序で制御するかを制御することです。
プロセス制御には、シーケンシャル構造、分岐構造、およびループ構造の3つの構造があります。
、プログラムの中で最も単純で基本的なプロセス制御ですコードの順序
上から下へ順番にを実行し、条件に応じて異なるパスコードを実行し(複数の実行コードから一つを選択する処理)、
1.21 js 言語には 2 つの分岐構造があります。 ステートメント
if
// 条件が true の場合はコードを実行し、そうでない場合は何も実行しません。
if (条件式) {
// 条件が成立したときに実行するコード言語 == 条件式が true の場合にのみ
実行
ステートメントは、通常、多数のステートメントで構成されます。 、それはステートメント
コードのデモンストレーション
に分割されます。 if(年齢>=18){ console.log('あなたは大人です'); //年齢= 19;、18歳以上の場合、あなたがすでに大人であることを出力すると、IFの声明は実行されます} 変数年齢=1; if(age> = 18){ console.log('あなたは大人です'); //何も出力しません。年齢= 1; <18、IFの声明は実行されないので、
実行プロセスは
ありません構文構造
//条件が確立されている場合、if
でコードを実行します。
//条件を満たす実行されるコード
} else {
//実行の条件を満たさないコード
}
実行プロセス
コードデモンストレーション
var age = prompt( '年齢を入力してください'); //ユーザー入力if(age> = 18){ console.log('もう飲めます'); }それ以外{ console.log( '申し訳ありませんが、未成年者は広告カルシウムのみを飲むことができます'); } //年が実行年であるかどうかを判断var = prompt( '年を入力してください:'); if(year%4==0&&year%100!=0||year%400==0){ アラート( 'あなたが入った年は跳躍年です'); }それ以外{ アラート(「あなたが入った年は普通の年」); }
構文構造
//複数の条件をチェックするのに適しています
(条件付き式){
ステートメント1
;
ステートメント2
;
ステートメント
3
;
//上記の条件が満たされていない場合、このコードを実行
}
プロセス制御
コードデモンストレーション
//ミニ計算機:2つの番号と操作記号を入力して、対応するものを取得します var yi = +prompt( '最初の番号を入力してください'); fuhao = prompt( 'オペレーターを入力してください'); var er = +prompt( '2番目の番号を入力してください'); if(fuhao == '+'){ var shu = yi + er; } else if(fuhao == ' - '){ var shu = yi -er; } else if(fuhao == '/'){ var shu = yi / er; } else if(fuhao == '*'){ var shu = yi * er; } else if(fuhao == '%'){ var shu = yi%er; } それ以外 { アラート( '必要に応じて入力してください:'); } Alert(SHU);
、異なる条件に基づいて異なるコードを実行するために使用されます
。表現) {
ケース値1:
//
式がvalue1
breakに等しい場合に
実行
さ
れる
コード価値
}
プロセス制御
に等しくありませんコードデモンストレーション
var fruit = prompt( '購入したい果物を入力してください:'); switch(fruit){ ケース「Apple」: アラート( 'リンゴの価格は3.5/catty'); 壊す; ケース「ライチ」: アラート( 'ライチの価格は:10.5/jin'); 壊す; デフォルト: alert('果物がありません'); }
ます
switch ステートメントと if else if ステートメントの違いは、
Switch... case ステートメントを
相互に変換できます。
判断
に使用されることが多い(特定の範囲に等しい)
より効率的である場合、プログラムの条件付きステートメントを直接実行します。
ブランチが少ない場合、if ... else ... statementの実行効率は
、スイッチステートメント
、
実際の操作が多くある
ですループステートメント:
のループは、繰り返し実行されるかどうかを繰り返し実行できます。ループ
ボディとループ終了条件で構成される
ステートメント
。
ステートメント構造は次のとおりです
(初期化変数、条件式、操作式){
//ループボディ
}
プロセス制御
(var i = 1; i <= 10; i ++)の
コードデモンストレーション
{console.log( 'あなたは私が好きですか?'); } //クラスの合計スコアを計算し、平均スコアvar num = prompt( 'クラス内の人の総数を入力してください') var sum = 0、 平均= 0; for(var i = 1; i <= num; i ++){ var スコア = プロンプト(' ' + i + ' 生徒のスコアを入力してください') //プロンプトから取得したデータは文字列であり、数値 += parseint(score)に変換する必要があります。 } 平均= sum / num; アラート( 'クラスの合計スコア:' + sum); アラート( 'クラスの平均スコア:'+sum); // 1つのラインに5つのハートを印刷(var i = 0; i <= 4; i ++){ console.log( '*'); }
ループのためのダブルレイヤー
ネストは、ループステートメント内のループステートメントを定義する文法構造を指しますループ
内側のループを内側のループと呼び、外側
の
ループループ
を1回、内側のループは最初から最後まで実行します。
= ''; for(var i = 0; i <= 4; i ++){ for(var j = 0; j <= 4; j ++){ str+= '*'; } str+= ' n'; } コンソール.ログ(文字列); // Advanced:n rows and n列var rows = prompt( '行数を入力してください:'); var cols = prompt( '列数を入力してください'); var str=''; for(var i = 1; i <= rows; i ++){ for (var j = 1; j <=cols; j++) { str+= '*'; } str+= ' n'; } コンソール.ログ(文字列); //反転した三角形var str = ''を印刷します。 for(var i = 1; i <= 10; i ++){ for(var j = i; j <= 10; j ++){ str+= '*'; } str+= ' n'; } コンソール.ログ(文字列); /*1 ********** 10 2 ********* 9 3 ******** 8 4 ******* 7 5 ****** 6 6 ***** 5 7 **** 4 8 *** 3 9 ** 2 10 *1 *///コアアルゴリズム:var j = i; j <= 10; j ++ //アイデア:最初に結果を分析し、行と列の関係を観察します。次に、内側ループのアルゴリズム//上記と同じアイデアである正三角形を印刷します。 var str=''; for(var i = 1; i <= 9; i ++){ for(var j = 1; j <= i; j ++){ str+= '*'; } str+= ' n'; } console.log(str); //乗算テーブルを印刷するには、ququalateral triangleのアスタリスクを方程式var str = ''に置き換えます。 for(var i = 1; i <= 9; i ++){ for(var j = 1; j <= i; j ++){ /* str+='*'; str + = i + ' *' + i + '=' + i * j + ' t'; } str += 'n'; }
(str)
;
は
、条件付き式が真実であるという前提で指定されたコードを実行できます
。条件を満たさない、ループは
whileステートメントの構文構造
条件(条件付き式){
//ループボディステートメント。
}
を実行
すると、条件が正しい場合は、ループを終了し、ループボディを実行
し
ますコードは、条件が依然として条件を判断して実行し
ます次のように
コードデモンストレーション
var num = 1; num ++; //操作式}
注:
カウンターの更新を完了し、無限のループを防ぐ際に操作式もあります(操作式を追加しませんでしたが、コードを実行したとき、Google Chromeインターフェイスは黒)。
、while loopに相当する
カウンター変数があります。
。
while (年齢 <= 120) { console.log( 'この人は今年' + age + 'yeg齢'); 年齢++; } //2. 1 ~ 100 のすべての整数の合計を計算します。var sum = 0、 i = 1; while(i <= 100){ sum += i; i++; } console.log(sum); // 3を開きます、あなたは私を愛していますか? while(message!== '私はあなたを愛しています'){ メッセージ=プロンプト( 'あなたは私を愛していますか?'); }Alert
(
私もあなたを愛しています
」
本当ですが、ループ本体は繰り返し実行されます。そうしないと、ループが出ます
... whileステートメントの構文構造は次のとおりです
{
//ループボディコード - 条件付き式が真の場合は
}
実行された
ボディコードを1回実行して
から、条件付き式を実行します次に、ループを終了し、次のコードを実行し続けます
。
プロセス制御
コードデモンストレーション
// 1〜120歳のVar Age = 1。 する { console.log( 'この人は今年' + age + 'yeg齢'); 年齢++; } while(age <= 120); // 2 var sum = 0の間のすべての整数の合計 i = 1; する { sum += i; i++; } while(i <= 100) console.log(sum); // 3を開きます、あなたは私を愛していますか? する { メッセージ=プロンプト( 'あなたは私を愛していますか?'); } while(message!== '私はあなたを愛しています'); alert('I love you too');
ループの概要
:は、このループをすぐにジャンプして継続するために使用されます
。次のループ(このループの本体で続行した後のコードは、1回少ない時間に実行されます)。
たとえば、5つのパンを食べて、3番目のパンにバグがある場合は、3番目のパンを捨てて、4番目と5番目のパンを食べ続け
ます
。
if(i == 3){ 続く; } console.log( '私は' + i + 'th bun'を食べました); }結果:// 1番目のパンを食べました// 2番目のパン
を
食べました// 4番目のパンを食べまし
た
例: パンを 5 つ食べた後、3 つ目に虫を見つけて食欲がなくなりました。
(var i = 1; i <= 5; i ++)の
コード例
if(i == 3){ 壊す; } console.log( '私は' + i + 'th bun'を食べました); }結果
//最初の蒸しパンを食べまし
た
通常、(var i = 1; i <= 5; i ++)の
if(i == 3){ 続行してください。 console.log( '私は' + i + 'th bun'を食べました); }
演算子の指定
// (var i = 1; i <= 5; i++) { の演算子の左側と右側にスペースを予約します。 if(i == 3){ 壊す; } console.log( '私は' + i + 'th bun'を食べました); }