変数 は、数値や文字などの値に 名前をつけて入れておく箱 です。age = 20 と書くと、age という名前の箱に 20 が入り、あとから age と書くだけで中身を呼び出したり、別の値に入れ替えたりできます。
<text x="560" y="26" font-size="13" fill="currentColor" opacity="0.8">入れ替え後</text>
<rect x="460" y="36" width="200" height="90" rx="12" fill="#10b981"/>
<text x="560" y="70" font-size="13" fill="#ffffff" opacity="0.9">age</text>
<text x="560" y="102" font-size="22" font-weight="bold" fill="#ffffff">21</text>変数を使うと、プログラムがぐっと読みやすく・変えやすくなります。たとえば税率を 0.1 と直接あちこちに書く代わりに、taxRate という変数に入れておけば、税率が変わってもその1か所を直すだけで済みます。
- 名前をつける … 中身が何かを人間が分かるように（
xよりageやuserName）。 - 出し入れできる … 計算の途中結果を覚えさせたり、上書きしたりできる。
箱に入れられる値の種類は データ型 で決まります。また、一度決めたら変えない値には、うっかり書き換えを防ぐ 定数 を使います。変数がどこから使えるかの範囲を スコープ と呼びます。