プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

【JavaScript入門】if文の使い方を説明します

更新日:

記事の内容


この記事では、JavaScript言語でよく使う「if文」の使い方を説明します。
簡単なサンプルも書くので、これさえ読めば「if文」はバッチリです!
参考程度ですが、swtichや三項演算子との比較も説明します。
JavaScriptのコードは、ES6で書いています。

if文とは?

if文とは処理を分岐させるための仕組みです。
例えば、以下のような処理を書きたい時に、if文を使います

  • 変数が1だったら、「その値は奇数です」と表示させる
  • 変数が2だったら、「その値は偶数です」と表示させる

基本的なif文の使い方

「if()」の中にある条件式がtrueならば、「偶数です」と表示させて、falseならば「奇数です」と表示させています。

2番目のものは、「else if」という文を使って条件式を組み合わせています。
ただし、条件式は上から順番に読み取られていくので注意が必要です。
「2で割りきれる」「4で割りきれる」「8で割りきれる」という順番だと、常に「2で割りきれる」がヒットしてしまいます。
そのため、if文の条件式の順番には十分に気を付けて下さい。

条件式がfalseと判断される条件

ifの中の条件がfalseと判断されるのは、以下の6つです。

falseの条件

  • false
  • 0(数値の0)
  • null
  • NaN(数値ではないことを示すプロパティ)
  • undefined
  • ""(空の文字列)

論理演算子を使った複雑なif文の使い方

「&&」を使う場合

「&&」は、2つの条件が両方ともtrueの時という意味です。

「||」を使う場合

「||」は、どちらか一方の条件がtrueの時という意味です。

「!」を使う場合

「!」は条件の否定です。

switch文との比較

if文で書けることは、switch文でも書くことができます。
ここでは、同じロジックを両方の構文で書いています。
条件式が長い時は、switch文の方がスッキリしますね!

三項演算子との比較

三項演算子も条件式の一つです。
同じロジックを三項演算子、switch、ifの3つで書くので、それぞれの違いを確認しましょう。

まとめ

この記事では、if文について説明しました。

Good luck for your engineer life!

JavaScriptをより詳しく勉強したい人は、この記事を読んで下さい

JavaScriptの学習でオススメの本と動画【2019年最新】

初心者向け いちばんやさしいJavaScriptの教本 プログラミング初心者にも簡単に理解できるような書き方がされていて、ページあたりの文字数や内容も少ないので、テンポよく勉強を進めることができます。 全体像を掴むには最適な本です。 ただし ...

続きを見る


30代からプログラミングを始めようか迷っている人は、この記事を読んで下さい

30代からプログラミングを始めることは可能なのか?【頑張ればギリギリセーフ】

エンジニアは人気の職種だと聞いていますが、若い人達が多い印象です。 30代から始めても間にあいますか? 2030年には79万人のエンジニアが不足 まずは、今後、10年間以上に渡るエンジニアの需給について確認しましょう。 自分の身を預けたいと ...

続きを見る


プログラミングスクールに行くか迷っている人は、この記事を読んで下さい

なんとなく、エンジニアになりたい人が無料のプログラミングスクールに行くべき理由【2019年12月の最新】

有料や無料のプログラミングスクールが多すぎて、どこにしようか迷っています。 無料のプログラミングスクールは、お得そうに見えますが、実際の所はどうですか? メリットやデメリットなどがあれば教えて下さい。 無料のスクールを推す理由 まずは、私が ...

続きを見る


自分がプログラミングスクールに行っても大丈夫か知りたい人は、この記事を読んで下さい

プログラミングスクールに通って挫折する人と上手くいく人の違い

スクールに通っている人の3パターン プログラミングスクールに通っている人のパターンを整理すると、以下の3パターンに分かれます。 それぞれのタイプの特徴を、もう少し詳細に説明していきます。 それぞれのタイプの特徴 大した努力をせずに文句ばかり ...

続きを見る


ゼロからWebエンジニアになりたい人は、この記事を読んで下さい

ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 私が定義するWebエンジニア まず、最初に以下の図を見て下さい。 これが、Web業界で働く人達の大分類です ...

続きを見る


独学で実務っぽい経験を積みたい人は、この記事を読んで下さい

エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? スクールの理想と現実 これからプログラミングを学ぼうとしている人が描 ...

続きを見る

関連コンテンツ

-JavaScript, プログラミング

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.