【JavaScript】繰り返し文を学ぶ

一気に覚えようとせず、毎日少しずつやっていきます。
今回はwhilefor文のアウトプット

while文とは?

  • while文は条件を満たす間繰り返ししてくれる処理。条件はあるが、回数が決まっていない時に向いている
    例) 残高が0になるまで繰り返す
let shikin = 50000; // 資金変数に50000を代入
while( shikin >= 0 ) {  // 資金が0になるまで繰り返す
  conole.log( shikin ); // 資金を表示
  shikin = shikin - 5000; // 変数の資金から5000を引いた結果を変数資金に入れる 
} 

// => 50000 
// => 45000
// => 40000
// => 35000
// .
// .
// .
// => 0

shikin = shikin - 5000は代入演算子を使ってshikin -= 5000と書くことができる

※代入演算子

f:id:yskmtg:20210623235546p:plain
代入演算子

for文とは?

  • 回数が決まった繰り返し処理。繰り返しが始まる前に数値を初期化して、継続条件が真の間繰り返される
    for( 初期化; 継続条件; 最終式 ) { 繰り返したい文 }

例1) 同じ文を10回繰り返す

for( let cnt = 0; cnt < 10; cnt++ )  {
  console.log( 'ハロー!');
} 

// => ハロー!
// => ハロー!
// => ハロー!
// => ハロー!
// .
// .
// .
// => ハロー!

例2) for文で九九の計算

for( let x = 1; x < 10; cnt < 10; x++ )  {
  for( let y = 1; y < 10; y++) {
    console.log( x + 'x' + y + '=' + x * y);
  }
} 

// => 1x1=1
// => 1x2=2
// => 1x3=3
// => 1x4=4
// .
// .
// .
// => 9x8=72
// => 9x9=81

繰り返しを脱出するとき

  • breakで繰り返し文から脱出。continueで繰り返し文の先頭に戻って継続

配列を使う

  • 配列は「[ ]」の中に複数値を入れられる「型」
    例1) let wday = ['月', '火', '水', '木', '金'];
    例2) 配列から順番に要素を1つずつ取り出して繰り返し処理をする
let wday = ['月', '火', '水', '木', '金']; // 変数wdayを作成
for( let day of wdays )  { // 変数wdayに所属する変数dayを作成
  console.log( day + '曜日' );
} 

// => 月曜日
// => 火曜日
// => 水曜日
// => 木曜日
// => 金曜日
  • 配列を使って総当たり表を作成する。同じ組み合わせを作らないようにするのが難しい。。。
let team = [ 'A', 'B', 'C', 'D', 'E' ];
let opps = [ 'A', 'B', 'C', 'D', 'E' ];
for( let t1 of team) { // 変数teamに所属する要素を、新規作成した変数t1に順次入れる間、以下を繰り返す
  opps.shift();  // 変数oppsの先頭要素を削除
  for(let t2 of opps) { // 変数oppsに所属する要素を、新規作成した変数t2に順次入れる間、以下を繰り返す
    console.log( t1 + 'vs' + t2 );
  }
}

// => AvsB
// => AvsC
// => AvsD
// => AvsE
// => BvsC
//.
//.
//.