【JavaScript入門】すぐわかる!or演算子の使い方

みなさんこんにちは!Kotonoです。

今回はJavaScriptにおける「or演算子」について書いて行きたいと思います。

or演算子は他の論理演算子と同じく、使いこなせるとプログラミングの幅が広がるので便利です。

この記事では

・論理演算子とは
・or演算子とは

などといった基本的な内容から

・基本的なor演算子の使い方
・if‐else文におけるor演算子の使い方

など、より具体的な内容に関してもわかりやすく説明していきたいと思います。

論理演算子とは

みなさんは「論理演算子」が何かわかりますか?

論理演算子とは、比較演算子を組み合わせることで条件を複雑化し、その真偽を判定するための演算子です。

論理演算子には、or(論理和)and(論理積)not(否定)の三種類が存在します。

以下の表をご覧ください。

結果
 a AND b  aとbどちらもtrueであればtrue
 a OR b  aかbどちらかtrueであればtrue
 not a  aがtrueであればfalse、aがfalseであればtrue

上の表でもわかるように、and二つの条件が両方trueであった場合trueを返します。or二つの条件のうち一つがtrueであった場合にtrueを返します。not条件がfalseであった場合にtrueを返します。

論理演算子のことを、ブール(Bool)演算子などとも呼んだりします。

or演算子とは

or演算子とは、先ほども述べたように、二つの条件のうち一つがtrueであった場合にtrueを返します。

以下の表をご覧ください。

条件1 条件2 結果
 True  True  True
 True  False  True
 False  True  True
 False  False  False

ご覧いただけるように、or演算子は両方ではなくどちらか一方の条件が満たされていればOKという状況に使用するものです。

JavaScriptにおけるor演算子(論理和)は、|| と表します。

以下の構文をご覧ください。

条件1 || 条件2

二つの条件の間に||が挟まれ、演算を行います。

or演算子を使用してみよう

このセクションでは、実際にor演算子を使ってみましょう。

使いこなせるようになると、様々なシチュエーションにおいて活用できるので便利です。

基本的なor演算子の使い方

では基本的なor演算子の使い方からご紹介します。

先ほども述べたように、or演算は以下のように行います。

条件1 || 条件2

この場合、条件1と条件2はbool値(trueかfalse)であることが一般的ですが、非ブール値が条件式に当てはまっている場合、いくつかのルールが適用されます。

オブジェクトはすべてtrueとみなされます。

反対に、数字の0やnull、長さゼロの文字列などはfalseとなります。

では、これらを踏まえた上で以下のサンプルコードをご覧ください。

var x = true;
var y = false;
var z = 0;

var res1 = x || y;
var res2 = y || z;

console.log(res1);
console.log(res2);

実行結果は以下の通りです。

true
0

上のコードでは、変数xにブール値trueを、yにブール値falseを、zに数値0を格納しました。

そして、x || yの演算結果をres1に、y || zの演算結果をres2に格納し、それらを表示させてみました。

ご覧いただけるように、res1はtrueとなっており、res2は0です。

一番目の演算の場合は、xがtrue、yがfalseなので二つの条件の内ひとつがtrueなのでres1はtrueとなりました。

if‐else文におけるor演算子の使い方

では、if‐else文内でor演算子を使用してみましょう。

if‐else文の復習を行いたい場合は、以下のリンクを参照してください。

JavaScriptでIF文の使い方からif…else ifの活用術までを徹底解説
更新日 : 2019年5月5日

では、以下のコードをご覧ください。

var x = true;
var y = false;
var z = 0;

var res1 = x || y;
var res2 = y || z;

if (res1 == false || res2 == false) {
    console.log("Hello");
}

else {
    console.log("world");
}

実行結果は以下の通りです。

Hello

上のコードでは、先ほどのコードと同じくres1とres2を使用しています。

res1がfalse、もしくはres2がfalseの場合Helloと出力させ、そうでない場合はworldと出力させました。

今回は、res1はfalseではありませんが、res2がfalseなのでif文に記述したコードが実行されました。

ご覧いただけるように、Helloと表示されました。

まとめ

今回はJavaScriptにおける「or演算子(論理和)」について解説しました。

or演算子をはじめ、他の論理演算子などをマスターすることによって、より細かい条件指定が可能となるので、覚えておいて損はありません。

みなさんもぜひこの記事を通して、論理演算子に関する知識をどんどん深めていってくださいね。

LINEで送る
Pocket

ITエンジニアへ転職したい方におすすめ

自分を評価してくれる企業に転職して年収を上げたい! 自分のスキルにあった独自案件を知りたい!
エンジニアは今もっとも注目されている職業の1つ。エンジニアになって年収を増やしたい方や、あなたのスキルに見合った企業へ転職したいエンジニアの方も多いですよね。

しかし、大手の転職媒体は扱う求人数が多くても、誰もが登録しているので競争率もかなり高くなっています。そのため、あなたの条件に見合った企業を見つけても転職するためには、相応の努力とスキルが必要となります。

こういった媒体では、未経験からエンジニアを目指す方やエンジニア歴2〜3年で転職を考えている方にとって、最適な転職環境とはいえません。

そこでオススメしたいのが、未経験者や若手エンジニア向けの独自案件を多く掲載している「侍ワークス」です。

侍ワークスは、独自案件を多く掲載しているだけでなく、

・応募から就業まで一貫したサポート

・就業後もアフターフォロー

といった経験の浅い方や初めてエンジニアを目指す方にも安心のフォロー体制が整っています。もちろん登録は完全無料!しかも案件を見るだけなら登録も不要です。

まずは、お気軽にどんな求人があるか見てみてください。あなたにピッタリの企業がきっと見つかりますよ! 侍ワークスの求人情報を見る

書いた人

Kotono

Kotono

イタリア在住15年目の22歳です。イタリアの大学で情報科学&応用数学を学んでいます。主にJavaScriptやPythonについての記事を書いたりしています。