JavaScriptマンガ講座。条件分岐(if文)の真偽値による使い方。(実践編)

公開 : → 更新 :

生まれも育ちもド田舎、@It_is_Rです。

JavaScriptマンガ講座、第3回目です。
笑いあり、涙あり(?)のマンガで、JavaScriptを覚えようというものです。

今回は条件分岐について解説していきたいと思います。

前回の講座は、こちらの記事を御覧ください。
JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

ちなみに、基本編はこちらになります。
JavaScriptマンガ風講座。初心者でも絶対に理解できる入門編!!

オープニング

R

りこ師匠、今日は暴力なしです!!


りこ

おぉっ、いきなり何だ!?


R

別の性癖に目覚めそうなんです!


りこ

はぁ!? バカじゃないの?


R

そんなわけで、JavaScript教えてください!!


りこ

言ってることめちゃくちゃじゃない!! まぁいいわ。今回は条件分岐よ。

キャラクター
【りこ】

JavaScriptにかなり詳しい現役JKギャル。JSは好きだが、JSと言われると怒る。ロリフェイスのくせに。。。

あだ名はジャバスク・りこ。

かなり性格が悪く、口も悪い。
しかし、天然でノリがいいので、からかうと面白い。

近い未来、このブログの管理人であるRによって、JavaScriptで操作されることをまだ知らない。

※JavaScriptで人の思考を直接操作することはできません。

復習

りこ

さて、今回は条件分岐よ!!


R

if文ですね!!


りこ

そう。第1回目ではこんな風に解説したわね。
xと5は、厳密に等しいから、コンソールに文字列が表示されるわけね。

sample.js

let x = 5;
if (x === 5) {
    console.log("xは"+ x +"です。");
}

実行結果

xは5です。

りこ

第1回目で使った比較演算子の表も、復習も兼ねて載せておくわ。

== 等しい
=== 厳密に等しい
!= 等しくない
!== 厳密に等しくない
> 〜よりも大きい
>= 〜以上
< 〜未満
<= 〜以下

真偽値による分岐(trueとfalse)

りこ

じゃあ、このソースを見てみて。

let answer = true;
if(answer) console.log('正解');

実行結果

正解

R

な……何がもしもなのか分からない!!
===も、>=も書いてないじゃないか!!


りこ

そう。これは真偽値によって条件が分岐するプログラムよ。
今回は、trueの時に正解と表示する様に作ってみたわ。


R

なるほど。つまり、if(answer)ってのは、answerがtrueの時という意味になるんですね!!


R

待てよ……、じゃあ、falseの時はどうやって書けばいいんですか?


りこ

answerの前に!をつけると、flaseの意味になるわ。

let answer = false;
if(!answer) console.log('残念');

実行結果

残念

R

へぇー。ってか残念って、りこ師匠の顔じゃないんだから……。


りこ

そうよねー。あたしの顔じゃない……って、てめー、十字架に張り付けるぞ!!(蹴


R

ぎええええぇぇぇっっ!!! あ、もう少しで見えそう……。

次回予告

R

りこ師匠、今回の講座は短いですね。


りこ

第1回目でほとんど解説したしね。


R

次回は何を教えてくれるんですか? ポロリはありますか!?


りこ

まだ未定よ。


R

あるかもしれないと!?


りこ

そうそう、ポロ……って、講座の話だっ!!(蹴 (蹴 (蹴


R

ぎえええええええぇぇぇっっ!!! 別の性癖が目覚めてしまうぅぅぅぅぅ!!!

※この講座は、健全なJavaScript講座です。

この企画の一覧はこちら

スポンサードリンク

コメントをどうぞ!

メールアドレスが公開されることはありません。




オススメ記事

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ヘッダーをカスタマイズ。

寒くなってきましたね。皆さま前かがみになって、まるで亀の様です。@It_is_Rです。 皆様がブログを見て、一番最初に目に入ってくるのはどこでしょうか? 殆どの場合、ヘッダー部分ですよね。つま

WordPress

無料で広告なしのWordPressサイトを立ち上げる方法。

猫を飼っています。でも犬派です。何か文句ありますか? …まぁ、最終的に動物全般が好きなんです。爬虫類から哺乳類、鳥類まで好きです。動物を飼っている人、今すぐ写真を@It_is_Rに送り付けて下さい。

HTML CSS

CSSで文字を、円の上下左右中央ド真ん中に表示する方法。

体重が50キロを切りました。@It_is_Rです。身長は171あります。 骨っていうなー! サイトを作る時、円形のパーツを作りたい時ってよくありますよね。画像を丸くして。。。なんてやっている人

KSSでスタイルガイドを作る方法。インストールと使い方。

そのうちWordPressのテーマを作る方法の解説とかしたいなーと思っている@It_is_Rです。 いま準備中ですので、もうちょっとお待ちくださいねー。 そして今回ですが、KSSを使ったスタイ

Homebrew

Homebrewを使いこなせ!Macへのインストールや使い方。

人生をもう一度やり直したいとつくづく思う@It_is_Rです。 やり直したところで同じ道を辿るのがオチですよ、全国の不幸な皆さん!! さて、おふざけはここまでにして、今回はHomebrewにつ

ショートコード

BEMによるCSS設計の方法を解説。命名規則から使い方まで。

完璧を求めすぎて、平均以下な@It_is_Rです。 CSSは比較的簡単なものですが、CSS設計をしっかりしておかなければ、余分なコードが多くなったり、後から修正が大変になったりしてこまることにな

enchant.js

enchant.js でクラスを作る、激分かりやすい方法!

こんばんわ、ちょっと海外へ行っておりました@It_is_Rです。 前回までの enchant.js の記事で、画像の表示やキャラの移動など、ゲーム制作には欠かせない基礎知識が身についたのではない

Yarn

Yarn の使い方。インストールの方法から使い方まで解説します。

最近ドラクエにはまっている@It_is_Rです。PS1 のやつです。ドラクエⅦ。 関係ない話はさておき、今回は Yarn の使い方を解説していきたいと思います。 Yarn とは

【Android Studio】新規プロジェクトを作成する方法。

インスタント焼きそばを作ろうとすると、なぜか焼うどんになります。 @It_is_R です。 しかも、ラーメン作ろうと思うと焼きそばができあがります。 前回、 Android Studio のイ

【Android Studio】アプリ開発の基本とそれぞれのファイルの役割を覚える。

iPhone持ってないみなさん、一緒にAndroidアプリ開発しましょう。@It_is_Rです。 Androidアプリ開発、5回目となりました。 今回は Android Studio でアプリ