【JavaScript入門】論理演算子

JavaScript入門として引き続き基礎的な内容を扱っていきましょう。ここでは論理演算子について扱おうと思います。

すでに、演算子の中で論理演算子については少し触れています。

【JavaScript入門】演算子（オペレーター）の基礎と優先順位

JavaScriptの演算子（オペレーター）とその優先順位について簡単に触れてみました。演算子の処理は四則演算の考えで通用する部分も多いので、特に難しいものではないとは思いますが、独特な演算子もあるので、その使い方にも気をつけましょう。

単純な例でしか上では触れていませんでした。

ですが、if-else文を使った条件分岐で、いくつかの場合分けのような複雑な条件式を扱う場合があります。else ifでいくつも条件式を繋げていくような場合です。

【JavaScript入門】if…else 文 - 条件による処理の分岐

JavaScript入門として制御構文（制御命令）のif-else文についてみていきます。プログラミングの処理は、何か入力などがあった時などに条件によって異なる処理を行う必要があります。これを制御構文を使って処理を分岐することができます。

この場合の条件式の判定に論理演算が必要になってきます。ここではこれを見ていきましょう。

論理演算子
1. 論理演算子による評価
2. ブール論理
if-else文と論理演算子
JavaScriptでfalseとみなされるもの
まとめ

論理演算子

論理演算子は複数の条件式（論理値）を結合して、その結果をtrue/falseで返します。比較演算子と組み合わせて複雑な条件式を作って利用できます。

論理演算子による評価

主な論理演算子はこちらです。

&&（左右の式がどちらもtureの場合はtrue）
||（左右の式のどちらかがtureの場合はtrue）
!（式がfalseの場合はtrue）

例えば、こんな感じで評価されることになります。

var x = 10;
var y = 100;

console.log(x === 10 && y === 100);  // true
console.log(x === 10 && y === 10);  // false
console.log(x === 10 || y === 10);  // true
console.log(x === 20 || y === 10);  // false
console.log(!(x > y));  // true この!の使い方は見辛く混乱するので非推奨

コードにコメントに結果を示しています。JavaScriptコンソールで確認してもこのようになります。

ブール論理

これはブール論理などとも言われていて、論理学の真理値表で表すとこのようになります。

AND（&&）が左側、OR（||）が右側の表で、左右の式をそれぞれ変数A、Bとして対応関係を示しています。NOT（!）は示さなくても真偽が逆になるだけですからわかりますね。集合論のベン図などで表してもいいと思います。

ブール論理 - Wikipedia

ANDが積集合、ORが和集合とといったベン図が描けるはずです。

if-else文と論理演算子

では、if-else文を使って、条件式を論理演算子を組み合わせて複数の条件分岐をするコードを書いてみましょう。

var name = 'レントン・サーストン';
var age = 14;

if (age < 18) {
    console.log(name + 'は' + age +'歳で、高校生以下のはずです。');
} else if (age >= 18 && age < 23) {
    console.log(name + 'は' + age +'歳で、大学に通っているかもしれません。');
} else if (age >= 23 && age < 61) {
    console.log(name + 'は' + age +'歳で、まあ仕事をしてる社会人ですよね。');
} else {
    console.log(name + 'は' + age +'歳で、もう社会にとって必要は無い？ことも無いです。');
}

変数のnameは名前、ageは年齢です。

年齢による条件分岐をしています。18歳未満、18歳以上23歳未満、23歳以上61歳未満、その他（それ以上）、という条件で年齢を判定して、console.log()で結果を表示するコードになっています。

JavaScriptコンソールで表示してみます。