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文)の真偽値による使い方。(実践編)

スポンサードリンク

関連コンテンツ

オススメ記事

【Android Studio】エミュレータを起動してプログラムを実行する方法!

何をやっても長続きしない@It_is_Rです。 このままでは人生さえも長続きしないかも知れない。 さて、しばらくぶりになってしまいましたが、今回は Android Studio 2.3.2 を

java

Javaでじゃんけんゲームを作ろう。サンプルコードあり!

※追記(2018/8/29) より分かりやすい記事になるよう修正しました。 今回はJavaを使って、じゃんけんゲームを作る方法を紹介します。 eclipseがインストールされており、Java

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ブログ全体の幅を変更。

現実社会では殆ど言葉を発しない@It_is_Rです。だって、厄介なことになりたくないじゃん。 今回も前回に引き続き、FC2ブログカスタマイズの記事です。前回、ヘッダーのサイズを変更しましたが、ブ

Yarn

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

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

webpackの設定ファイル「webpack.config.js」の使い方を覚えよう

webpack.config.jsはwebpackを使う上での設定ファイルです。 今回は、webpack.config.jsの使い方を紹介します。 webpack.config.jsとは

【初心者向け】webpack 4入門。一番簡単で詳しい使い方

風邪をひいてぼんやりしている@It_is_Rです。どちらにしろいつもぼんやりしてますが。 さて、今回はWebpack4について紹介していきたいと思います。 この記事では、jsファイルをビルドす

【解決!】Macで「デフォルトシェルはzshになった」と表示されるときの対処法

MacOSをアップデートしてから、ターミナルを開くたびに、「The default interactive shell is now zsh.」というメッセージが表示されるようになりました。 これは

Homebrew

Homebrewの使い方。よく使うコマンド一覧と詳しい解説まとめ

※追記 この記事は2018/04/30に最新の情報に書き直しました。 人生をもう一度やり直したいとつくづく思う@It_is_Rです。 今回はHomebrewについての記事を書いて

キャラクター

JavaScriptマンガ風講座。初心者でも絶対に理解できる入門編!!

プログラミングは奥が深い。。。@It_is_Rです。 Flashがスマホから使えなくなり、多くのサイトにHTML5が使われ、ブラウザ上でのアニメーションはJavaScriptが多く使われるように

WordPress|ショートコードの作り方&使い方。確実に使いこなす為のガイド。

前回、WordPressで、特定のカテゴリ一覧を表示する方法について書きました。 改めまして、@It_is_Rです。 特定のカテゴリ一覧を表示したとき、ショートコードというものを使いましたが、

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です