✅ const(定数)とは

JavaScriptでは、変数や関数を定義する方法として以下の3つがあります。

• var（古い書き方、現在はあまり使わない）
• let（再代入できる変数）
• const（再代入できない変数＝定数）

影響範囲が小さくなるconstをできるだけ使って、constでは難しい場合はletを使うのが最近の書き方です。

このページでは、const を使った定数の基本と使い方を学んでいきます。

const name = "Taro";
console.log(name);
// Taro

✅ constの特徴

再代入ができない

const x = 10;
x = 20; // ❌ エラーになる

参照型（オブジェクト、配列）では中身の変更は可能

参考)

• 参照型（Reference Types）: 値の「場所（参照）」を扱う型。データはメモリ上のどこかにあり、変数はその場所を指し示している
• プリミティブ型（Primitive Types）: 値そのものを扱う型。シンプルで、メモリ上に直接その値が格納されます。

const arr = [1, 2, 3];
arr.push(4); // ✅ OK
console.log(arr); // [1, 2, 3, 4]

✅ 練習

コピペではなく実際に打ち込んで練習してみましょう。

基本的な定数の宣言

const userName = "Hanako";
console.log(userName);
// Hanako

const age = 25;
console.log(age);
// 25

const isAdmin = false;
console.log(isAdmin);
// false

オブジェクトや配列に使う

const user = {
  name: "Taro",
  age: 30
};

console.log(user.name); // Taro
user.age = 31; // ✅ オブジェクトの中身は変更可能
console.log(user.age); // 31

const numbers = [1, 2, 3];
numbers.push(4); // ✅ 配列の中身も変更可能
console.log(numbers); // [1, 2, 3, 4]

const numbers2 = [1, 2, 3];
numbers2[0] = 222 // ✅ 配列の中身も変更可能
console.log(numbers2); // [222, 3, 4]

関数を定数に代入

const greet = () => "Hello!";
console.log(greet());
// Hello!

const square = function (x) {
  return x * x;
};
console.log(square(3));
// 9

✅ まとめ（const）

• const は再代入できない変数（定数）を定義するためのキーワード
• 基本的に、値が変わらないものはすべて const を使うようにするのが現代JavaScriptの書き方
• const でオブジェクトや配列を定義した場合、その中身の変更は可能
• アロー関数や function を定義するときにも、const 関数名 = ... という形でよく使われます