【javascript】変数とは？宣言や代入、初期化について初心者向けに徹底解説！

例えば、１００円のアイスクリームの税込み価格を計算する場合、

と計算しますが、他の商品の計算でも使い回しができる「1.1」を変数に入れて使用することにより、

複数の商品の税込み価格を計算する場合や、後で税率などの変数自体が変わる場合に役立ちます。

１つずつ数字を打ち替えてると、どこかでミスしそうだもんね。

また、変数には名前をつけることができます。

先ほどの変数に「tax」と命名することで、他の人がコードを見たときに「この数字は税率だよ！」ということを伝える役目も果たします。

このように、中身が変わる「変数」に対し、中身が変わらない「定数」というのものも存在します。

できるだけわかりやすく解説するので、ぜひ最後まで読んでみて下さいね！

 📖目次に戻る

変数の宣言

変数を使うためにはまず、変数の宣言をする必要があります。

変数の宣言は以下の構文のように、「let」というキーワードに続けて「変数名」を書いて行います。

しかしこれだけでは、中身が空っぽの箱を用意しただけで、使うことが出来ません。

変数を使用するには、変数の中に値を入れる必要があります。

それが次に紹介する変数への値の代入です。

ちなみに、値の入っていない変数には、未定義値の「undefined」が入ってるよ。

 📖目次に戻る

変数への値の代入

変数を宣言した後は、変数に値の代入をする必要があります。

代入は＝（イコール）記号を使用して行います。このイコールは代入演算子と呼ばれる演算子の一つで、右辺の値を左辺の変数に代入します。

また、同じ変数に再度「値」を代入することも可能です。

このような２回目以降の代入のことを再代入と呼びます。

この場合は、先に代入されていた値「1.1」が上書きされ「1.2」に置き換わります。

でも、変数の「宣言」と「代入」を同時にできたら便利だよね。

それが次に紹介する「変数の初期化」だよ。

 📖目次に戻る

変数の初期化

変数の宣言と、変数の代入を同時に行うことを変数の初期化と言います。

変数を使用するときは、基本的に宣言と同時に値を代入するよ。

 📖目次に戻る

定数の宣言

再代入することで中身の「値」を変更できる「変数」に対し、値を変えたくない場合に使用するのが「定数」です。

先ほどの式で言うと、商品の値段を変える予定がない場合などは定数を使用します。

定数の宣言は、変数で使用した「let」と違い、「const」を使用して行います。

定数の最大の特徴は、「あとで値を代入することが出来ない」というところにあります。

「const」を宣言した後に、再代入を行うとエラーが発生します。

しかし、この特徴を利用して予期せぬ書き換えによるバグを防ぐことができるので、基本的には「const」を使用して、再代入する予定があるときだけ「let」を使用します。

変数と定数の特徴をまとめると次の表の通りです。

コードが長くなったり、複数人で作業するときは、気をつけないとね。

 📖目次に戻る

変数の命名規則

変数には使用できる文字に制限があったり、命名規則が存在します。

変数に名前をつける際は以下のことに気をつけましょう。

命名規則

予約語

使用できない予約語を以下にまとめました。（下記のリンクを参考にしています。）

Standard ECMA-262　5.1 Edition / June 2011　ECMAScript® Language Specification

将来の予約語

厳格モードで将来の予約語とみなされる予約語

ただし、「do」と「break」を組み合わせた「dobreak」など、複数の予約語や他の文字と組み合わせた場合は使用できるよ。

あくまで単体では使用できないってことだよ。

📖目次に戻る

最後に

いかがでしたでしょうか、今回はjavascriptの基本である「変数」について解説しました。

変数はまだまだ奥が深く、使用できる範囲（スコープ）が決まっていたりと今回の記事だけでは紹介しきれなかった特徴があります。

もっと詳しく学習したい方は、下の記事一覧から他の記事もご覧下さい。

最後までお読みいただき、ありがとうございました！