Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2018/04/13こんにちは(・∀・)JavaScript入門、今回は条件分岐についてです。if文による条件分岐と内容はほぼ同になります。「もし今の時間が午前中なら「眠い」、それ以外なら「早く帰りたい」。条件分岐とは?「もし、なんちゃらだったら、こうする」。いうような条件によって実行する動作を決めるというような動作をプログラムではよくします。そのような動きのことを条件分岐といいます。JavaScriptもプログラムの一つなのでif文とswitch文いう条件分岐を使うことができます。理屈は簡単なので例を使って覚えちゃいましょう。今の気分、「もし今の時間が午前中なら「眠い」、それ以外なら「早く帰りたい」。」と表示したい場合、この文章をJavaScriptで置き換えてみましょう。この文章では午前とそれ以外で気分が違っています。わかりますがここでは置いておきます。いうことは今の気分は時間によって変わるということです。表示する文字列も時間によって変えないといけません。午前とそれ以外、まあ午後ですね。するのか...午前とそれ以外を調べるために時間を取得します。時間の取得は前にやったので覚えていると思います。それではとりあえず現在時刻を表示してみます。Date()で現在日時を取得して変数nに入れる。取得した現在日時からgetHours()で時間を取得して時間を変数hに入れる。ここまでは以前やりました現在日時の表示のおさらいです、大丈夫でしょうか。if文それでは条件分岐を使ってみましょう。if文を使って条件分岐してみます。(if)条件が合えばこうする。それ以外(else)ならこうする。式にすると次のようになります。if(条件){条件が合えばこうする}else{それ以外ならこうする}条件が合えば「眠い」というメッセージを表示させます。それ以外ならば「早く帰りたい」というメッセージを表示させます。条件のところに比較演算子と倫理演算子が記述されています。それらを使って条件を指定します。12」ですが、hにはDate()メソッドで取得した現在の時間が入っています。初めに0とhを「小なり」で比較しています。0がhに入っている現在時刻未満ならtrueを返します。それと併せて&&でもう一つ比較しています。hと12を「小なり」で比較しています。hに入っている現在時刻が12未満であればtrueを返します。これで何時から何時までを求めることができます。0時から12時までは午前で「眠い」、12時から23時までを午後で「早く帰りたい」です。'早く帰りたい';}alert(mess);},false);Resultdemo2午前中なら「眠い」、午後なら「早く帰りたい」とアラートで表示されます。ちなみに、条件を増やすこともできます。if文で終わることもできます。記述する順番としてif文は絶対最初に記述し、else文は最後に記述します。if文を記述するとかはできません。以上がif文による条件分岐です。それ程難しくないでしょう?!if文による条件分岐はよく使いますので覚えておくと良いと思います。if文と同じ条件分岐のswitch文はまた後程やりたいと思っております。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。