【プログラミング入門】【JavaScript】8日目 If(もし～だったら)パート２

ホームページにアニメーションなどの動きをつける時に使われるJavaScript(ジャバスクリプト)というプログラミング言語を使って初心者・入門者向けにプログラミングのキホンを解説していきます！

難しい設定などはほとんどなく手軽に本格的なプログラミングを学ぶ事ができます。

簡単なホームページの作り方も解説しますのでホームページ作りに興味がある方もぜひご覧ください。

今回はもう少し詳しくif命令の仕組みについて見ていきましょう。

まずは次のプログラムを実行してみてください。

■8日目　プログラム１■

<script>

	/*jspgm8_1*/
	/*8日目　プログラム１*/

	var a = 100;
	var b = 100;
	var kekka1,kekka2,kekka3;

	kekka1 = (a == b);

	b = 80;

	kekka2 = (a == b);

	kekka3 = (a > b);

	alert("kekka1 = " + kekka1 + 
		"\nkekka2 = " + kekka2 + 
		"\nkekka3 = " + kekka3);

</script>

■実行結果■

■説明■

不思議な計算と不思議な結果が出てきましたね。

これは変数「a」と変数「b」の条件式の結果を変数「kekka1・kekka2・kekka3」にそれぞれ入れたものになります。

実は条件式は「if」命令の中だけではなく直接行う事ができて、その条件式の結果というものがあるのです。

謎のキーワードが出てきました。

「boolean」こちらはブーリアンという変数の型の一つで「true」と「false」という２つの言葉で２種類の状態を表したものになります。

それを踏まえた上で先ほどのプログラムを一つ一つ見ていきましょう。

a = 100;
b = 100;
kekka1 = (a == b);

わかりやすいように変数「a,b」の内容も並べてみました。

ここでの条件は(a == b)なので「a」と「b」は同じか？ですね。

そして答えの「kekka1」の内容は「true」となっております。

次の部分も見てみましょう。

a = 100;
b = 80;
kekka2 = (a == b);

次は変数「b」の内容を変えてみました。

条件は最初と変わらないですね。

「kekka2」の内容は「false」になりました。

では最後もう一つ見てみます。

a = 100;
b = 80;
kekka3 = (a > b);

条件を変えて(a > b)、「a」は「b」より大きいか？という条件にしてみました。

「kekka3」の結果は「true」になりましたね。

これはどういう事かと言いますと条件式は

条件が合っている場合は「true」

条件が合っていない場合は「false」

という結果になるのです！

さて、このへんでするどい方やプログラミングを愛してやまない方は気づいたかもしれません。

さきほどの条件式でこのような結果になるという事は直接その結果を「if」命令なんかにいれたらどうなるのだろうか？と

それを試したプログラムになります。

■8日目　プログラム２■

<script>

	/*jspgm8_2*/
	/*8日目　プログラム２*/

	if(true)alert("条件が「true」の場合");

	if(false)alert("条件が「false」の場合");

</script>

■実行結果■

■説明■

結果は予想どおり条件が合う「true」の場合だけ実行されました！

そうなんです！if命令は最終的にこの条件式の結果である

条件が合っている場合は「true」

条件が合っていない場合は「false」

によって条件分岐していたのです！

これはコンピューターが電気を流す、流さないのスイッチのカタマリのような仕組みでできているからに他なりません！

そしてこの「true」の事を「真」または数字の「１」、「false」の事を「偽」または数字の「０」、さらには英語で旗を意味するフラグを立てる(true)、フラグを下げる(false)なんて言い方もしたりします。

「true」・・・「真」または「１」

「false」・・・「偽」または「０」

まあ今の時点では何の事やらという感じだと思いますがプログラミングを理解する上で大事な考え方になるので覚えておいてください。

ここからは少しプログラミングから離れてコンピューターの仕組みの一つであるオンとオフ２種類の状態しかないスイッチだけで数を表す仕組みをご紹介したいと思います。

今すぐにプログラミングに必要って事でもないので興味あればお聞きください。

スイッチだけで数を表す仕組み

「２進数」という言葉を聞いた事がありますでしょうか？

コンピューター好きなら一度は聞いた事があるかもしれません。簡単に言ってしまうと数の進み方で２になったらケタが上がる数の事を２進数といいます。

いつも私達が使っている数の進み方は１０進数といいます。これは１０になるとケタがあがる数の事をいいます。

１０進数

123456789→10

２進数

1→10

１０まで数えると・・・。

1(1)→10(2)→11(3)→100(4)→101(5)→110(6)→

111(7)→1000(8)→1001(9)→1010(10)

(カッコの中は１０進数です！)

ちょっと裏ワザっぽいですがいちよう「0」と「1」だけで「10」まで数える事ができました。

そしてこの「0」と「1」をスイッチのオフ、オンに当てはめてたくさんスイッチを並べると・・・。

スイッチだけでいろいろな数を表せるようになりますね！

そんなワケあるかいっ！

という声が聞こえてきそうですが、ほんとにこういう仕組みなんかが元になってコンピューターはできているのです。

以上、スイッチだけで数を表す仕組みでした。

次回はわかりやすく便利な枝分かれ「switch」命令をご紹介します！

9日目 枝分かれ「switch」