JavaScript | 変数を使ってできること

そもそも「変数」とは？

JavaScriptで変数（variable）とは、値（数値・文字列など）を一時的に保存しておく「名前付きの箱」のようなものです。

let price = 1000;

let price = 1000;

上記の例では、price という変数に 1000 という数値を入れています。
このあと price を使えば、1000 の代わりとして扱うことができます。

変数を使う理由と利点

① 何度も同じ値を使いたいときに便利

例として、消費税率を使った計算があります。

▼ 変数を使わない場合（悪い例）:

let price1 = 1000 * 1.1;
let price2 = 2000 * 1.1;

let price1 = 1000 * 1.1;
let price2 = 2000 * 1.1;

このように1.1（税率）を直書きしていると、税率が変更になったとき、すべてのコードを探して修正しなければなりません。
修正漏れの可能性もあり、保守性が低いです。

▼ 変数を使う場合（良い例）:

let tax = 1.1; // 消費税率
let price1 = 1000 * tax;
let price2 = 2000 * tax;

let tax = 1.1; // 消費税率
let price1 = 1000 * tax;
let price2 = 2000 * tax;

このようにすると、税率が変わっても tax の値だけ直せばOK！
コードの見た目もシンプルでわかりやすくなります。

② 複雑な計算を一度だけ書ける

例：

let math = 80;
let english = 90;
let science = 70;

let sum = math + english + science;
let average = sum / 3;

let math = 80;
let english = 90;
let science = 70;

let sum = math + english + science;
let average = sum / 3;

合計を sum に入れておくことで、average を計算する式がわかりやすくなっています。

▼ 悪い例（sumを変数にしない）:

let average = (math + english + science) / 3;

let average = (math + english + science) / 3;

悪くはないですが、後で修正や確認するのが少し面倒になります。
また、同じ合計を他でも使う場合、もう一度同じ式を書かないといけなくなります。

③ 名前をつけることで「意味」がわかる

変数には自由に名前がつけられます。
たとえば：

let score = 85;

let score = 85;

よりも

let mathScore = 85;

let mathScore = 85;

の方が、「何のスコアか」がはっきりしていてわかりやすいですよね。

これが「可読性の向上」につながります。

補足：変数の宣言方法

ページでは let を使っていますが、JavaScriptでは主に以下の3つがあります：

例：

let name = "Taro";
name = "Jiro";  // OK

const pi = 3.14;
pi = 3.15;      // ❌ エラー！

let name = "Taro";
name = "Jiro";  // OK

const pi = 3.14;
pi = 3.15;      // ❌ エラー！

まとめ

JavaScript | MDN

JavaScript (JS) は軽量でインタープリター型（あるいは実行時コンパイルされる）第一級関数を備えたプログラミング言語です。ウェブページでよく使用されるスクリプト言語として知られ、多くのブラ...

developer.mozilla.org