JavaScript：繰り返し（for / while / for...of）

出力 == 0,1,2,3,4（5行）

for (let i = 0; i < 5; i++) { } の中で console.log(i)。

for (let i = 0; i < 5; i++) {
  console.log(i);
}

forの最小形。3つの部分をセミコロンで区切る——初期値 i=0、続ける条件 i<5、毎回の更新 i++。

解答 == B

i が 1, 2, 3, 4 のときに実行され、5 で条件が false になる。

B

< は「未満」なので5は含まない。1つズレるミスは最頻出のバグ原因で、5回にしたければ i <= 5 か i < 6。

3行「○が好きです」

for (const animal of animals) { } で1つずつ取り出せる。

const animals = ["犬", "猫", "鳥"];

for (const animal of animals) {
  console.log(`${animal}が好きです`);
}

番号を経由しないので短く、間違いにくい。取り出した値は変更しないので const で受けるのが基本。

let total = 0;

for (let i = 1; i <= 10; i++) {
  total ____ i;
}

console.log(total);

出力 == 55

total に i を足し込む複合代入演算子。

+=

「ループの外で初期化 → ループ内で積み上げ」は集計の基本形。let total = 0 をループの中に書くと毎回リセットされてしまう。

解答 == B

c の値はどこかで変化しているか？

B

c が1のまま変わらないので条件が永遠にtrue＝無限ループ。ブラウザが固まるので、whileを書いたら更新も書くとセットで覚える。

2,4,6,8,10が1行ずつ

更新式を i += 2 にすれば2ずつ進む。

for (let i = 2; i <= 10; i += 2) {
  console.log(i);
}

更新式は自由に書ける。i -= 1 や i-- にすれば逆順のカウントダウンにもなる。

let count = 3;

while (count > 0) {
  console.log(count);
  ____;
}

3,2,1が1行ずつ

count を1減らす。デクリメント演算子を使う。

count--

D05で見た無限ループを防ぐ1行。count-- は count -= 1 と同じ意味。

解答 == B

break との違いを考える。

B

break は「ループごと脱出」、continue は「今回だけスキップ」。continue は「不正なデータの行を飛ばす」処理でよく使う。

1,2,3,4が1行ずつ

if で 5 を判定して break。break を console.log より先に書く。

for (let i = 1; i <= 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

「見つかったら即終了」は検索処理の基本形。break を後に書くと5まで出てしまうので、順序が意味を持つ。

1. 書類 / 2. 印鑑 / 3. 封筒

for (const [i, item] of items.entries()) と書くと番号と要素が同時に取れる。番号は0始まりなので +1 する。

const items = ["書類", "印鑑", "封筒"];

for (const [i, item] of items.entries()) {
  console.log(`${i + 1}. ${item}`);
}

[i, item] という書き方は分割代入と呼ぶ。entries() は「番号と値のペア」を返すので、それを2つの変数に分けて受け取っている。

出力2行が完全一致

let total = 0 で初期化してから for...of で足し込む。平均は total / sales.length を Math.round で整数化し、toLocaleString() で3桁区切り。

const sales = [12000, 8500, 23000, 4500, 17800];

let total = 0;

for (const s of sales) {
  total += s;
}

const average = Math.round(total / sales.length);

console.log(`合計：${total.toLocaleString()}円`);
console.log(`平均：${average.toLocaleString()}円`);

集計処理の最頻出パターン。.length は要素数を返すプロパティで、カッコは付けない（メソッドではない）。

9行。1行目 7 × 1 = 7、9行目 7 × 9 = 63

for (let i = 1; i <= 9; i++) で回し、テンプレートリテラルの中で n * i を計算する。

const n = 7;

for (let i = 1; i <= 9; i++) {
  console.log(`${n} × ${i} = ${n * i}`);
}

${ } の中には式が書けるので、計算結果を別の変数に入れなくてよい。表形式の出力が短く書ける。

合格4件を出力後、最終行 合格者数：4人

ループの中に if を入れる。カウンタ let count = 0 をループの前に用意する。

const scores = [82, 45, 91, 67, 38, 75];

let count = 0;

for (const score of scores) {
  if (score >= 60) {
    console.log(`合格：${score}点`);
    count++;
  }
}

console.log(`合格者数：${count}人`);

繰り返し＋条件分岐の組み合わせ。JS04で学んだifがそのままループの中で使える。データの絞り込みはすべてこの形。

出力 == 17ヶ月目に達成（残高510,000円）

balance = 0, month = 0 から始め、条件は balance < 500000。ループ内で両方を更新する。

let balance = 0;
let month = 0;

while (balance < 500000) {
  balance += 30000;
  month++;
}

console.log(`${month}ヶ月目に達成（残高${balance.toLocaleString()}円）`);

繰り返す回数が事前にわからないのでforではなくwhileを使う。これがforとwhileの使い分けの本質。割り算では16.67ヶ月となり「17ヶ月目」が出せない。

20行。3行目 Fizz、5行目 Buzz、15行目 FizzBuzz

「3と5の両方の倍数」＝15の倍数。厳しい条件から先に判定する（JS04の鉄則）。

for (let i = 1; i <= 20; i++) {
  if (i % 15 === 0) {
    console.log("FizzBuzz");
  } else if (i % 3 === 0) {
    console.log("Fizz");
  } else if (i % 5 === 0) {
    console.log("Buzz");
  } else {
    console.log(i);
  }
}

プログラミング面接の超定番問題。3の判定を先に書くと15のときFizzしか出ない。JS04の「条件は厳しい順」がそのまま効いてくる。