JavaScriptの条件分岐に利用される論理演算子&&について現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptの条件分岐に利用される論理演算子&&について解説しています。ANDは左辺と右辺が両方真の場合に真となる演算子です。論理演算子の使い方、ANDを利用した条件式の書き方を学びましょう。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

JavaScriptの条件分岐に利用される論理演算子&&について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

条件分岐に利用される論理演算子&&について詳しく説明していくね!

大石ゆかり

お願いします!

 

目次

 

条件分岐if文とは

if文とは、多くのプログラミング言語に用意されています。指定した条件式の流れに条件分岐を設定するための構文のことです。

記述した条件が満たされた場合と満たされない場合の2つに処理の流れを分岐させて、それぞれ異なる処理を実行できます。今回の記事では、&&を利用した条件式について紹介しますが、論理演算子には以下の3種類があるので覚えておくと良いでしょう。

  • AND(&&)
  • OR (||)
  • NOT (!)

 

[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中

論理演算子とは

論理演算子はその名の通り論理演算をするための演算子です。論理演算とは論理式を解くための演算になり、この場合における論理式とは、複数の状態が組み合わさって最終的にその式が `true` なのか `false` なのかを返却する式のことを指します。

 

論理演算子&&を利用して条件式を記述してみよう

AND(&&)の使い方の基本

① 
true && true 
#=>
ture
②
true && false 
#=>
false

ture AND(&&) ture の場合

a = 10
b = 10

if (a == 10 && b == 10) {
  console.log("2つの条件式を満たしました。")
} else {
  console.log("どちらかの条件が満たされませんでした。")
}

#=>
2つの条件式を満たしました。

ture AND(&&) false の場合

a = 10
b = 100

if (a == 10 && b == 10) {
  console.log("2つの条件式を満たしました。")
} else {
  console.log("どちらかの条件が満たされませんでした。")
}

#=>
どちらかの条件が満たされませんでした。

 

まとめ

if文の条件分岐を作る論理演算子は、以下の3つがあり、今回は① AND(&&)について紹介しました。今回紹介した、AND(&&)についてはもちろんですが是非OR (||)やNOT (!)の書き方や使い方についても学んでみてください!

 

監修してくれたメンター

澤亀浩弥(さわかめひろや)

Webエンジニア。

開発実績等は勤怠情報管理システムの開発、地方銀行のプログラムの保守・運用、企業とインフルエンサーをマッチングさせるプラットフォームの開発。

25歳までプロ野球の世界を目指し独立リーグでプレー。

その後、某大手会社の製造業作業員として働いていたが毎日の単調な仕事よりもっとクリエイティブな仕事がしたいと思い友人エンジニアにプログラミング学習方法など教えてもらい独学で半年程学習した後、IT業界に転職し、現場経験を積んでフリーランスエンジニアとして独立。

現在はその経験をこれからプログラミングを学んでいく方に伝えていくためにより広い知識を勉強中です。

 

大石ゆかり

内容分かりやすくて良かったです!

田島悠介

ゆかりちゃんも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

 

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。