[JavaScript] 超入門：JavaScriptにおける変数と定数とは？

JavaScriptを学び始めたばかりの方にとって、まず理解しておきたいのが「変数」と「定数」の使い方です。
この記事では、JavaScriptにおける変数・定数の基本を、コード例を交えてやさしく解説します。

変数とは？

変数とは、文字や数字などのデータ（値）を一時的に保存しておく“名前付きの箱”のようなものです。
プログラムの中で値を繰り返し使ったり、あとから変更したりするときに役立ちます。
 

変数に値を入れておくことで、あとからその値を呼び出して使い回すことができます。

変数の書き方（＋変数名ルール）

このコードでは、「name」という変数に「Taro」という文字列を代入しています。
そして console.log(name); によって、変数の中身（’Taro’）を画面に表示しています。

データ型とは？

変数に入る「値の種類」のことを「データ型」と呼びます。
JavaScriptでは、文字列や数値のほか、配列やオブジェクトなど、さまざまな型があります。

JavaScriptの主なデータ型一覧

JavaScriptでよく使うデータ型は次の通りです。

データ型	説明	例
文字列（String）	文字の集まり	'Hello'
数値（Number）	整数や小数	123
真偽値（Boolean）	「はい／いいえ」を表す	true / false
未定義（undefined）	値がまだ設定されていない	undefined
null	値が「ない」ことを明示する	null
配列（Array）	複数の値をまとめたもの	[1, 2, 3]
オブジェクト（Object）	名前と値のペア	{ name: 'Taro' }

型の自動判別とtypeofの使い方

JavaScriptでは、変数の型を明示的に指定する必要はありません。
値を代入すると、自動的にその型が決まります。

現在の型を確認したいときは、typeof 演算子を使うと便利です。

typeof を使うと、その変数がどの「データ型」なのかを文字列で返してくれます。
たとえば、文字列なら "string"、配列やオブジェクトは "object" と表示されます。

定数とは？

定数とは、一度値を入れると変更できない“名前付きの箱”のようなものです。
「絶対に変えたくない値」や「変更されると困る値」には定数を使いましょう。
 

定数の書き方（＋定数名ルール）

定数はconstを使って宣言します。

このように宣言した定数は、あとから値を変更することはできません。

一度代入した値は、あとから書き換えようとすると「TypeError」が発生します。
 
※オブジェクトや配列をconstで宣言した場合、その参照自体は変更できませんが、中身（プロパティや要素）の変更は可能です。

おさらい：変数と定数のポイント比較

項目	変数（let）	定数（const）
値の再代入	できる	できない
初期値の指定	任意	必須
主な用途	あとから値を変えたい場合	値を固定しておきたい場合

 

実は、JavaScriptには var という古い宣言方法もありますが、初心者の方は let と const を覚えればOKです！

補足：letとconst の違いについて
この記事では、変数や定数の基本的な使い方にしぼって解説しました。
JavaScriptには let・const の2つの宣言方法がありますが、それぞれの違いや使い分けは別の記事で詳しく紹介します。