JavaScript | インクリメント・デクリメント演算子

では、JavaScriptの インクリメント（++）とデクリメント（--）演算子 を、プログラミング初心者向けにやさしく、例題付きで解説します。

1. インクリメント（++）とデクリメント（--）とは？

• インクリメント（++） → 変数の数値を 1だけ増やす
• デクリメント（--） → 変数の数値を 1だけ減らす

let num = 5;

num++; // num = num + 1 と同じ
console.log(num); // 6

num--; // num = num - 1 と同じ
console.log(num); // 5

let num = 5;

num++; // num = num + 1 と同じ
console.log(num); // 6

num--; // num = num - 1 と同じ
console.log(num); // 5

ポイント：num++ や num-- は、num = num + 1 / num = num - 1 と同じ意味だけど、書くのが簡単です。

2. 前置（++num / --num）と後置（num++ / num--）

• 前置：値を先に増減してから返す
• 後置：値を返した後に増減する

例：後置 num++

let numA = 5;
let numB;

numB = numA++; // numB に代入する前に numA はまだ 5
console.log(numA); // 6 （代入のあとで増えた）
console.log(numB); // 5 （代入時の値）

let numA = 5;
let numB;

numB = numA++; // numB に代入する前に numA はまだ 5
console.log(numA); // 6 （代入のあとで増えた）
console.log(numB); // 5 （代入時の値）

例：前置 ++num

let numA = 5;
let numB;

numB = ++numA; // numA が先に 6 に増えて、それを numB に代入
console.log(numA); // 6
console.log(numB); // 6

let numA = 5;
let numB;

numB = ++numA; // numA が先に 6 に増えて、それを numB に代入
console.log(numA); // 6
console.log(numB); // 6

ポイント：増えるタイミングが違うだけで、どちらも1ずつ増える。

3. 繰り返し処理での使い方

インクリメント/デクリメントは 繰り返し処理 と組み合わせると便利です。
例えば、0から2まで順番に表示する場合：

for (let i = 0; i < 3; i++) {
  console.log("i =", i);
}

for (let i = 0; i < 3; i++) {
  console.log("i =", i);
}

出力：

i = 0
i = 1
i = 2

• i++ によって、ループのたびに i が1ずつ増えます。
• もし逆に0から-2まで数える場合は i-- を使います。

for (let i = 0; i > -3; i--) {
  console.log("i =", i);
}

for (let i = 0; i > -3; i--) {
  console.log("i =", i);
}

出力：

i = 0
i = -1
i = -2

4. 例題で確認しよう

例題1：

let x = 3;
console.log(x++); // ?
console.log(x);   // ?

let x = 3;
console.log(x++); // ?
console.log(x);   // ?

答え：

• console.log(x++) → 3（後置なので、表示後に増える）
• console.log(x) → 4（増えた後の値）

例題2：

let y = 3;
console.log(++y); // ?
console.log(y);   // ?

let y = 3;
console.log(++y); // ?
console.log(y);   // ?

答え：

• console.log(++y) → 4（前置なので、先に増えて表示）
• console.log(y) → 4（増えたまま）

まとめ

• 覚え方：++ →「ひとつ増やす」、-- →「ひとつ減らす」
• 前置 vs 後置 → 「返すタイミングが違うだけ」