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

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

プログラミング言語 スクリプト言語 コンパイル言語 アプリ開発 サーバー、インフラ、セキュリティなど 機械学習系 ゲーム開発 データベース 子供向け デザイン その他 おまけ まとめ この記事では、様々な書籍を紹介しました。 是非、自分に合 ...

続きを見る

【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をより詳しく勉強したい人は、この記事を読んで下さい

【ES6対応も説明】JavaScriptとTypeScriptの学習でおすすめの本と動画【2020年】

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

続きを見る


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

Gitの学習でおすすめの本と動画【2020年最新】

漫画?でわかりやすく学ぶ入門書の定番 わかばちゃんと学ぶGit使い方入門 Gitの入門書の定番と言っても差し支えありません。 絵や図で解説している本なので、わかりやすく頭に入ってきます。 初心者向け Gitが、おもしろいほどわかる基本の使い ...

続きを見る


関数型言語をより詳しく勉強したい人は、この記事を読んで下さい

関数型言語の学習でおすすめの本と動画【2020年最新】

初心者向け 入門Haskellプログラミング Haskell言語を使って、関数型言語について学んでいくことができます。 豊富なサンプルコードと練習問題があり、レッスン形式で学んでいくことができます。 非常にわかりやすい入門書です。 中級者向 ...

続きを見る


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

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

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

続きを見る


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

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

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

続きを見る

関連コンテンツ

-JavaScript, プログラミング

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