1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. JavaScript
  6. »
  7. JavaScriptマンガ講座。条件分岐(if文)の真偽値による使い方。(実践編)

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

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

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

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

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

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

目次
  1. オープニング
  2. 復習
  3. 真偽値による分岐(trueとfalse)
  4. 次回予告

オープニング

R

R

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


りこ

りこ

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


R

R

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


りこ

りこ

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


R

R

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


りこ

りこ

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

キャラクター
【りこ】

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

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

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

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

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

復習

りこ

りこ

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


R

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

R

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


りこ

りこ

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


R

R

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


R

R

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


りこ

りこ

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

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

実行結果

残念

R

R

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


りこ

りこ

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


R

R

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

次回予告

R

R

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


りこ

りこ

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


R

R

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


りこ

りこ

まだ未定よ。


R

R

あるかもしれないと!?


りこ

りこ

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


R

R

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

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

この企画の一覧はこちら

  1. JavaScriptマンガ風講座。初心者でも絶対に理解できる入門編!!
  2. JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)
  3. JavaScriptマンガ講座。条件分岐(if文)の真偽値による使い方。(実践編)

スポンサードリンク

関連コンテンツ

オススメ記事

Yarn

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

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

WordPress | ツイート数やシェア数付きのSNSシェアボタンを自作しよう!

最近SNSシェアボタンを作り直した@It_is_Rです。 せっかく作ったんだから、シェアするのだよ、みんな。 そこで今回は、Twitter や Facebook、GooglePlus、はてな

【Android Studio】開発したアプリの実機テストを行う方法。

どうも、頭がすっからかんの@It_is_Rです。 やかましいわ。 今回は Android Studio で実機テストする方法を紹介します。 これからアプリ開発をしていく上で必要不可欠な実機テ

【Gitの使い方 – その1】GitHubのアカウントを取得する方法!

Gitを使うとバージョン管理が簡単になりますが、それ以前に自分の頭の中を管理するのが大変な@It_is_Rです。 Gitの使い方をいくつかの記事に分けて紹介していきたいと思います。 まず今回は

【Gitの使い方 – その4】ブランチを使って履歴を分岐させる方法

エビの殻や、ポテチ、煮干しなどを食べると、必ずと言っていいほど口が血だらけになります。@It_is_Rです。 さて、Gitの使い方4回目の今回は、ブランチについてです。 ブランチは作業を枝分か

carousel

【Bootstrap 4】くるくる回転するUI、カルーセル機能のを実装方法!

Bootstrap4の使い方、第8回目です。 サイトをみていると、画像を横並びにしてくるくると回転するカルーセル機能を実装しているサイトがありますよね。 Bootstrap4には、カルーセルを

Docker Composeで自分のWordPressサイトをローカル開発環境に反映!

ローカルにWordPress開発環境を整えてテーマを作成することがあるのですが、単にローカルに環境を作っただけでは記事がなく、テーマのイメージが分かりません。@It_is_Rです。 かといって、te

.zshrc で zsh をカスタマイズしてみよう。(プラグイン無し)

昔、車に幽霊が乗っていたので、じっと目を凝らして見ていたら、ただの人だったことがあります。@It_is_Rです。 あの時は気まずかった。。。女性の方でした。 さて、今回はターミナルをかっこよく

【Android Studio】じゃんけんゲームの作り方(アプリ開発の基本)

限りなくじゃんけんが弱い@It_is_Rです。 Androidアプリ開発、11回目となりました。 そろそろ何かアプリを作ってみたいですよね。基本は大事ですが、一番つまらないですね。 そこ

HTML CSS

CSSでの円の作り方と、その上下左右中央に文字を表示する方法

サイトを作る時、円形のパーツを作りたい時ってよくありますよね。 円はCSSで簡単に作ることができます。 さらに今回はCSSで作成した円の中央に文字を置く方法も紹介します。 CSSでの

コメントをどうぞ!

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