シンプルな代入と複合代入 | 代入演算子 | JavaScript 超完全入門 基本から発展までのすべて

代入演算子とは？

JavaScriptでは、変数に値を代入する際に=という代入演算子を使用します。これをシンプルな代入と呼び、変数に特定の値を直接設定します。加えて、複合代入演算子という便利な方法もあり、これにより代入と演算を一度に行うことができます。

シンプルな代入

シンプルな代入とは、変数に値を直接設定することです。これを行うために、代入演算子（=）を使用します。

let number = 5;
console.log(number); // 5

この例では、number変数に5が代入されています。代入された後、numberは5の値を持ちます。

複合代入演算子

複合代入演算子を使用することで、計算と代入を一度に行うことができます。複合代入演算子には、次のようなものがあります。

複合代入演算子の例

複合代入演算子を使って、計算と代入を一度に行う例を見てみましょう。

let number = 10;

// 加算の複合代入
number += 5;
console.log(number); // 15

// 乗算の複合代入
number *= 2;
console.log(number); // 30

この例では、+=と*=の複合代入演算子を使って、数値に加算や乗算を行いながら結果を代入しています。

複合代入のメリット

複合代入演算子は、コードを簡潔にし、可読性を向上させるメリットがあります。たとえば、次の2つのコードを比較すると、複合代入演算子を使う方がシンプルです。

// 通常の代入
let total = 20;
total = total + 10;

// 複合代入
let total = 20;
total += 10;

このように、複合代入演算子を使うと、式の中で変数を繰り返し書く必要がなく、より効率的にコードを記述できます。

プログラムの解説

<script>
// シンプルな代入
let number = 10;
console.log(number); // 10

// 複合代入演算子の使用例
number += 5;  // number に 5 を加算
console.log(number); // 15

number *= 2;  // number を 2 倍にする
console.log(number); // 30

number -= 10;  // number から 10 を減算
console.log(number); // 20

number /= 2;  // number を 2 で割る
console.log(number); // 10
</script>

このプログラムでは、シンプルな代入から始まり、+=、*=、-=、/=といった複合代入演算子を使用して、変数に対する計算と代入を効率的に行っています。

まとめ

JavaScriptでは、シンプルな代入演算子=と、演算を含めた代入が可能な複合代入演算子（+=、-=、*=、/=など）が使えます。複合代入演算子を使うと、コードが簡潔になり、計算と代入を一度に行うことができるため、可読性と効率性が向上します。