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

スポンサードリンク

関連コンテンツ

オススメ記事

ショートコード

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

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

WordPress テーマ自作 | Pug ( Jade ) で記事一覧ページを作る方法!

愛と勇気だけが友達の@It_is_Rです。 今回はPugでWordPressテーマを作る方法を少し紹介します。 詳しいテーマの作り方はこちらをご覧ください。 WordPressのテーマを自作

scratch

小学生から始めるScratch入門。シューティングゲームを作ろう!

小学生から始めるScratch入門です。 前回、ゲーム開発に必要な知識を学びました。 第3回目の今回は、これまでに学んだ知識を活用し、実際にシューティングゲームを作ってみようと思います。

Yarn

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

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

WordPress

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと思い、その努力の割に何も得られないのが@It_is_Rです。やかましいわ。 今回の記事は初のWordPre

Android アプリ開発入門! Android Studio のインストール手順。

人の笑顔が大嫌い。 @It_is_R です。 Android アプリ開発では、 Eclipse や Android Studio を使ってアプリを開発するのが一般的です。 一般的に言語は Ja

Homebrew

Homebrewのインストール&使い方。すぐに使える詳しい解説!

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

オブジェクトを使ってみよう!

小学生からのJavaScript入門。オブジェクトを使ってみよう!

小学生からのJavaScript入門講座(にゅうもんこうざ)、第6弾です。 前回の講座(こうざ)では、HTMLやCSS、JavaScriptを分けて管理(かんり)する方法を紹介しました。 今回

scratch

小学生から始めるScratch入門。使い方とゲーム開発の基礎知識

小学生から始めるプログラミング入門です。 前回の記事で、プログラミングってどういうものなのか何となく理解してもらえたでしょうか? 少しだけScratch(スクラッチ)についてもふれましたが、ま

HTML CSS

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

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

コメントをどうぞ!

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