本記事では、JavaScriptの変数について徹底解説しています。変数は、どのプログラミング言語でも使われる技術なのでしっかり覚えましょう！
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
変数とは？
変数とは、簡単に言えばデータを入れる箱です。プログラミングでは様々なデータが処理をされ値が更新されます。その更新されたデータを一時的に保存する役割を担うのが変数になります。
例えば、小学生の頃に漢字ドリルで同じ漢字を10回くらい書かされましたよね？人間であれば、1,2,3…のように頭の中で数えたり声に出してカウントすれば良いですが、プログラミングの世界ではそう上手くいきません。予めカウント用の変数を用意して、今1回漢字を書いたからカウント用の変数を更新しておいて！と命令する必要があります。
変数宣言と値の代入
JavaScriptの変数宣言をする時は、基本的に「let」または「const」のどちらかを使用します。
letとconstの違いは、値を再代入できるかできないかの違いです。処理を通して値が更新されるものは、letを使用し値が絶対に変わらないものはconstを使用するのが一般的です。
let 変数名 = 値;
const 変数名 = 値;
あわせて読みたい
【JavaScript】var、let、constの違いについて
本記事では、JavaScriptの変数宣言の時に使用するvar、let、constの違いについて解説しています。 【var、let、constの4つの違い】 JavaScriptの変数を宣言するにはES5…
たとえば、変数名をnumとして値に100を代入する場合は以下のように記述します。
// letを使用する場合
let num = 100;
// constを使用する場合
const num = 100;複数の変数を省略して宣言・代入する方法
複数の変数をまとめて宣言したい場合、以下のように記述することも可能です。
// 一般的な記述
let num = 0;
let str = "こんにちは";
// 省略した記述
let num = 0, str = "こんにちは";初期値のない変数を宣言する
変数宣言をしたら、必ず何かしらの値を入れないとダメなの？と思われますが、何も入れずに変数宣言をすることも可能です。
let num1;ただし、変数に「undefined(未定義)」という特別の値がセットされます。
