【JavaScript入門】if…else 文 – 条件による処理の分岐

JavaScript
スポンサーリンク

初心者の独学でのプログラミング学習はとてもツライ…

プログラミングをマスターしたい!

今のIT業界はプログラミングエンジニアが不足していると言われています。
高収入の職業とも言われる分野もありますし、AI、機械学習、ディープラーニング、IOTといった注目される分野が目白押しです。

でも、いざ初心者がプログラミングをマスターしようとすると…

  • 本を読んだりネットの記事で自力で勉強しているけど限界を感じる
  • プログラミングスクールに定期的に通うのは面倒だ
  • 地方に住んでると家の近くにプログラミングスクールなんてない
  • どのプログラミング言語を学べばいいのか悩む
  • 実際の就職や転職にプログラミングが活かせるのか心配だ

など、プログラミングを自分で勉強しようとすると悩みが尽きません。

プログラミングに詳しい友人に教えてもらおうと思っても、そんな友人なんて滅多にいません。いたとしても細かく教えてくれるほど時間に余裕がある人はいないでしょう。

そんな独学でプログラミングをマスターするのに限界を感じてる方に、オンラインプログラミングスクールをがおすすめです。

おすすめのオンラインスクールはこちら

JavaScript入門として基礎的な内容を引き続き扱っていきましょう。これまで扱ってきた内容は記述したコードを順番に実行していくものでした。

しかし、プログラミングの処理は、何か入力があった時などに条件によって異なる処理を行う必要があります。これを処理の分岐といってプログラミングでは制御構文(制御命令)などと言います。

ここではその制御構文の一つのif文について扱っていきます。

MDNのページに制御構文は次のようにまとめられています。if-else文も入っています。

文と宣言
JavaScript アプリケーションは、適切な構文で書かれた文から構成されます。ひとつの文が数行に渡る場合もあります。また複数の文それぞれがセミコロンで区切られていれば 1 行となる場合もあります。そのキーワードはひとつではなく、キーワードのグループとなっています。

では、if文についてみていきましょう。

スポンサーリンク

if 命令

if文はこの単語の意味するように「もし…だったら」ということでここに条件式を指定し、この条件に合致、つまりture/falseのtrueである時に処理をおこなう命令になります。

次のような構文になります。

if文を使って簡単なコードを書いてみましょう。

変数を2つ用意しています。

if文の丸括弧()の中の条件式がここでは一致しています。イコール(=)を三つ連ねていますが、これは条件式の左右のデータ型が完全に一致することまで判定しています。(たとえば数字の1と文字列の’1’は違うということです。これはイコール2つで判定するとtrueに判定するというイコールの使い方に違いがあります)

波括弧{}で囲まれた部分をブロックといい、この中に処理する命令文を書いています。ここでは条件式がtrueなのでJavaScriptコンソールには次のようにブロック内の命令文が実行されて表示されます。

では、if文の条件式を次のように変更してみます。

これを実行すると、条件式がfalseになるので、JavaScriptコンソールには何も表示されません。

この条件式がfalseになった場合の処理を加えることにします。

スポンサーリンク

if…else文

if文の条件式がfalseであった時の処理を加えてみましょう。それにはelseを追加して処理のブロックを記述します。

次のような構文になります。

先ほどのコードを次のように変えてみましょう。

else文と新たなブロックを記述しています。

if文の条件式はfalseのままのコードなので、実行するとelse文のブロックが実行されることになります。

JavaScriptコンソールには次のように表示されます。

elseのブロックが実行されているのがわかります。

条件式の部分はイコールで結ばない場合の方法もあります。

次のようなコードに変更してみます。

isMaleという変数を作って、それ自体をここではtrueにしています。

この変数自体がture/falseで判定されて命令文が実行されることになります。

ここでは次のような結果になります。

if-else文はelse if文で新たに条件式を複数作ることによって、複数の分岐を作ることができます。ここでは構文だけ示しますので、自分なりにコードを作ってみるといいでしょう。

また、if-else文は入れ子構造にすることができ、複雑な条件分岐をすることも可能です。

このあたりはこれから触れる内容が増えていく中で出てくると思います。

スポンサーリンク

まとめ

JavaScriptの基本的な制御構文(制御命令)であるif…else文について扱いました。

この構文は、プログラミングで何か入力があった時などに条件によって異なる処理を行う必要がある時など、処理の分岐を行うのに利用します。

if文の条件式がtureの時に命令文が実行され、falseの場合の処理はelse文でブロックを作って命令文を記述して処理することができます。

if-else文の条件式はelse if文を使うことで複数の条件で分岐させることができますし、入れ子構造にすることで複雑な分岐を行わせることもできます。

自宅学習はオンラインプログラミングスクールを活用!

自宅学習にはオンラインプログラミングスクールがおすすめ!

オンラインプログラミングスクールは独学でプログラミングを学習する時のデメリットを解消する仕組みが備わっています。

気になるところは…

学習がオンラインで完結するのはもちろんですが、独学ではできない質問サポートがあるかどうか。わからないことを現役のエンジニアが質問に答えてくれるといいですよね。

受講者個人に担当のメンターがつき、マンツーマンで学習の相談に乗ってくれることも必要で、ITエンジニアの世界についても伺えたりもすると幅が広がります。

オンライン面談だけでなく、チャット機能を使って気軽に質問を投げかけることができることも大切です。

また、オリジナルプロダクトの開発とサポートがコースの中に組み込まれていて、独学ではなかなか難しい実践的なスキルの習得にもつなげたい。

プログラミングをマスターした後の実際の仕事につながる転職サポートでがあると、ITエンジニアの世界に飛び込むのに不安が解消されます。

そんな豊富なメニューが揃っているおすすめのオンラインプログラミングスクールがこちらにあります。

おすすめのオンラインプログラミングスクールはこちら

TechAcademyはおすすめのオンラインプログラミングスクール!

オンラインのプログラミングスクールでは、テックアカデミーの充実度が目を見張ります。

オンラインで受講が完結するので、自宅学習でプログラミングをマスターしたい人にはテックアカデミーがおすすめです。

メンター制度も現役のプロが対応してくれます。大学生などが対応しているスクールに比べて本気度と専門性が違います。メンター制度の無いスクールもありますし、担当では無いメンターが対応するスクールもあったりするので、相談の質が違いますね。

チャットサポートもあるので、それが無いスクールに比べて相談の気軽さの違いがあります。

プロダクト開発のサポートで実践力が養われるだけでなく、どの講座を利用しても転職サポートが受けられるのはありがたい。

用意されているコースも、初心者向けのプログラミングコースから、Python、Java、PHP、iPhoneアプリ、AndroidといったITエンジニアのベースとなる主要な言語だけでなく、AI、データサイエンス、ブロックチェーン、webアプリケーションと行った実践的なコースまで用意しています。

他にも、webデザインやUI/UXデザイン、動画編集、webディレクションやwebマーケティングといったプログラミング以外での役立つコースまであります。

このようなたくさんの選択肢から自分にあったコースを選ぶことがでるのがテックアカデミーです。

コースの期間も短期間でマスターしたり、長期の受講でじっくり取り組むコースを選ぶこともできます。

複数講座のセットコースを利用することで大幅な割引が受けらるので、お得に受講することもできます。

無料体験もありますので、プログラミング学習でオンラインスクールを考えている人はTechAcademyをぜひ利用してみてください。

テックアカデミーの公式サイトはこちら

JavaScript
スポンサーリンク
CodeGraffitiをフォローする

とにかく進め!Pythonプログラミング入門 〜 コードグラフィティ
タイトルとURLをコピーしました