初めてのJavaScript～第二章～「変数」を理解しよう【超初心者向け】

がんばりましたね！

これで、迷えるリスさんもJavaScriptの扉を開いたのです。

それでは、次にプログラミングで最も重要な

「変数」について学んでいきましょう。

理解してしまえば、簡単ですよ。

では、説明していきますね。

変数とは、数や文字などを保持する箱のようなものです。

わかりやすいように例をあげますね。

上の赤い箱には数字の「３」が入っています。

青い箱には文字の「apple」、

紫の箱には「I am a Japanese.」という文章が入っています。

これがプログラムになるとこうなります。

画面には、どう出力されると思いますか？

その通りです！

するどい！その通りです。

では、実際にやってみましょう。

では、スタートメニューを開いて

「cmd」と入力してEnterキーを押します。

下記画面が表示されますので、

「cd C:\javascript」というコマンドを実行します。

cdの直後には半角スペースを忘れずに。

コマンドの cd とは　change directory の 略で

javascriptのプログラム置き場所に移動したんです。

では次に、「notepad box.js」とコマンド実行してください。

これはメモ帳で「box.js」というファイルを作成するコマンドです。

メモ帳が開いて、「作成しますか？」というウィンドウが表示されるので、「はい」を選んでください。

メモ帳に下記プログラムを記述してください。

var red_box;

var blue_box;

var purple_box;

red_box=3;
blue_box=”apple”;
purple_box=”I am a Japanese.”;

console.log(red_box);
console.log(blue_box);
console.log(purple_box);

それでは、黒い画面に戻って

いま作ったプログラムを実行しましょう。

「node box.js」のコマンドを実行してみてください。

そうです。

console.log(red_box);

というのは、( )の中身を表示する命令なのですが

red_boxという変数の中に入っている「３」という値が

画面に表示されました。

これは、「red_box」という名前の箱（変数）を作成しているんです。

引越しのダンボールに、中身が分かるように「衣服」とかシールを貼るようなイメージですね。

良い質問ですね！

それでは、なぜ変数を使うのか、わかりやすく消費税の計算を例にあげて説明していきますね

消費税8%の計算が、あちこちに必要なプログラムの場合を考えてみましょう。

変数を使わないと、このような形になります。

（「*」はプログラム上では掛算の意味です。）

apple_price = 100 * 1.08;

remon_price = 120 * 1.08;

・・・

melon_price = 300 * 1.08;

これで、計算はできますが、今後、消費税が10％になったら、

どうしますか？

このような場合、変数を利用していると楽になるんです。

さっきのプログラムで変数を利用して書いた場合は、

こんな感じです。

zei = 1.08;

apple_price = 100 * zei;

remon_price = 120 * zei;

・・・

melon_price = 300 * zei;

そのとおり！