再代入可能な変数と定数 | 変数の宣言方法 | JavaScript 超完全入門 基本から発展までのすべて

スポンサーリンク
スポンサーリンク

再代入可能な変数と定数とは?

JavaScriptでは、変数と定数を宣言する際に、再代入が可能かどうかを指定することができます。変数は宣言後に新しい値を再代入できるもの、定数は宣言時の値から変更できないものを指します。再代入が可能な変数は、プログラム内で値を変更する必要がある場合に使用され、一方で再代入ができない定数は、値が変わることのないデータを扱う際に使用されます。

再代入可能な変数と定数の違い

再代入が可能かどうかにより、変数と定数の使用方法が異なります。JavaScriptでは、変数にはletvarを、定数にはconstを使います。

キーワード 再代入の可否 スコープ
let 再代入可能 ブロックスコープ
var 再代入可能 関数スコープ
const 再代入不可 ブロックスコープ

具体例

以下は、再代入可能な変数と再代入できない定数の使用例です。

let x = 10; // 再代入可能な変数
const y = 20; // 再代入不可の定数

x = 30; // letは再代入可能
// y = 40; // constは再代入不可 → エラーになる

プログラムの解説

<script>
let x = 10; // 再代入可能な変数
const y = 20; // 再代入不可の定数

x = 30; // letは再代入可能
// y = 40; // constは再代入不可 → エラーになる

console.log(x); // 30
console.log(y); // 20
</script>

このコードでは、letconstを使って変数と定数を宣言しています。letで宣言された変数xは再代入可能で、値が変更されていますが、constで宣言された定数yは再代入できないため、再代入を試みるとエラーになります。

再代入が必要な場面と必要ない場面

変数を宣言する際、再代入が必要かどうかをよく考えることが重要です。再代入が必要な場面と必要ない場面を理解することで、より適切なコードを書けるようになります。

再代入が必要な場面

  • ループ: ループのカウンタ変数など、繰り返し処理のたびに値が変わる場合。
  • 状態管理: ユーザーインターフェースやゲームなどで、状態が変わるたびに値を更新する必要がある場合。

再代入が不要な場面

  • 定数値: 物理定数や設定値など、プログラム中で変更されることがない値。
  • 初期化後に値が変わらない: 関数の引数や計算結果など、途中で変更しないデータ。

まとめ

JavaScriptでは、letvarを使って再代入可能な変数を、constを使って再代入不可能な定数を宣言します。再代入が必要な場合にはletvarを選び、値を変更する必要がない場合にはconstを使用して、意図せず値が変更されないようにしましょう。