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

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

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

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

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

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

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

オープニング

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

スポンサードリンク

関連コンテンツ

オススメ記事

これから作る WordPress のテーマをローカルサイトに適用させる。

WordPress と AliExpress って混乱しますよね。@It_is_Rです。せーへんわ。 WordPress テーマ自作シリーズ、第三回目です。 前回までで、ローカルで Wor

zplug を使ってプラグインをインストール、管理する。

二つのことを同時にできない、@It_is_Rです。 今回はターミナルをかっこよくするシリーズ、第三回目です。 zplug を使って、プラグインをインストールする方法を紹介します。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

普段から猫に遊ばれている@It_is_Rです。 今回は JavaScript について、初心者の人にも分かりやすく、丁寧に解説していきます。 JavaScript と EcmaSc

Ameba customize

アメーバのOwndで、無料で超簡単にホームページ作ってやろうぜ!!

どうも、@It_is_Rです。 ホームページを作成するには、まずHTMLを使う能力、若しくはソフトが必要になります。 さらにサーバーを借りなくてはなりません。するとお金がかかったりします。 では

プログラミングのクラスってなぁに?

小学生からのJavaScript。クラスの概念をしっかりと理解しよう!

小学生からのプログラミング講座(こうざ)、第15弾です。 前回はマップ上をキャラクターが自由に動くことができるようにしました。 今回はES6から使われるようになった「クラス」という機能を

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

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

Swift

【Xcode7】Swift2でMacアプリ開発。Storyboardでボタンを作る。

喧嘩するほど仲がいいとは言いますが、喧嘩する相手がいません。友達がいないということでしょうか。@It_is_Rです。 前回、StoryboardでMacのウィンドウに文字を表示しました。しかし、

小学生からのJavaScript入門。画像の表示と移動をしてみよう!

小学生からのプログラミング入門、第6弾です。 今回はゲーム開発(かいはつ)へもう一歩踏み込んでみましょう! [serif icon="aru-s.jpg" name="アル"]うーん……[/s

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

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

WordPress

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

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

コメントをどうぞ!

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




オリジナルゲーム.com