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

プログラミング道場

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

これからエンジニアになりたい人へ向けた本 私が書いた、「これからエンジニアになりたい人」に向けた本です。 最近、世間ではプログラミングの必要性が声高く叫ばれるようになりました。 子供向けには2021年からプログラミング教育が義務教育で実施さ ...

続きを見る

【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の学習でおすすめの本と動画【2021年最新】

フレームワークなどの情報 Node.jsについては、この記事を読んで下さい Reactについては、この記事を読んで下さい Vue.jsについては、この記事を読んで下さい TypeScriptについては、この記事を読んで下さい 初心者向け い ...

続きを見る


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

Node.jsの学習でおすすめの本と動画【2021年最新】

中級者向け ハンズオンNode.js Node.jsの入門書です。 対象読者は、フロントエンド開発の知識はあってもサーバサイド開発は知らないエンジニアや、他言語の経験はあってもNode.jsは触ったことがない人です。 Node.jsの非同期 ...

続きを見る


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

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

中級者向け JavaScriptエンジニアがTypeScriptの特徴を「超」手っ取り早く大まかに把握するための本 TypeScriptを、「素早く大まかに概要を把握するため」の本です。 高くて難しい参考書を購入する前に読んでおくといいかと ...

続きを見る


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

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

中級者向け フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装 初級者向けにフロントエンド開発支援ツールの選び方や使いこなし方、効率的に開発をするための基礎知識が身につく入門書です。 Reactをすぐに触ってみたいという人に ...

続きを見る


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

Vue.jsの学習でおすすめの本と動画【2021年最新】

中級者向け みんなのVue.js プリケーション開発のためのルーティング・レンダリングから、CSS設計、状態管理、コンポーネント開発、パフォーマンス改善などを学ぶことができます。 デザイナーにもオススメの本です。 これからはじめるVue.j ...

続きを見る


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

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

漫画?でわかりやすく学ぶ入門書の定番 わかばちゃんと学ぶGit使い方入門 Gitの入門書の定番と言っても差し支えありません。 絵や図で解説している本なので、わかりやすく頭に入ってきます。 サルでもわかるGit入門 Gitの解説サイトが書籍化 ...

続きを見る


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

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

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

続きを見る


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

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

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

続きを見る


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

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

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

続きを見る

関連コンテンツ

-JavaScript, プログラミング

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