論理演算子

JavaScriptには、||（OR）、&&（AND）、!（NOT）、??（Nullish Coalescing）の4つの論理演算子があります。ここでは最初の3つを扱いますが、??演算子は次の記事で説明します。

「論理」と呼ばれていますが、ブール値だけでなく、任意の型の値に適用できます。結果も任意の型になります。

詳細を見ていきましょう。

|| (OR)

「OR」演算子は、2つの縦線記号で表されます。

result = a || b;

古典的なプログラミングでは、論理ORはブール値のみを操作することを目的としています。引数のいずれかがtrueの場合、trueを返し、それ以外の場合はfalseを返します。

JavaScriptでは、演算子は少しトリッキーで、より強力です。しかしまず、ブール値で何が起こるかを見てみましょう。

4つの可能な論理的な組み合わせがあります。

alert( true || true );   // true
alert( false || true );  // true
alert( true || false );  // true
alert( false || false ); // false

ご覧のとおり、結果は両方のオペランドがfalseの場合を除いて常にtrueになります。

オペランドがブール値でない場合、評価のためにブール値に変換されます。

たとえば、数値1はtrueとして、数値0はfalseとして扱われます。

if (1 || 0) { // works just like if( true || false )
  alert( 'truthy!' );
}

ほとんどの場合、OR ||はif文で使用され、指定された条件のいずれかがtrueかどうかをテストします。

例：

let hour = 9;

if (hour < 10 || hour > 18) {
  alert( 'The office is closed.' );
}

複数の条件を渡すことができます。

let hour = 12;
let isWeekend = true;

if (hour < 10 || hour > 18 || isWeekend) {
  alert( 'The office is closed.' ); // it is the weekend
}

OR "||" は最初の真の値を見つけます

上記のロジックはやや古典的です。それでは、JavaScriptの「追加」機能を取り入れてみましょう。

拡張アルゴリズムは次のとおりです。

複数のORされた値が与えられた場合

result = value1 || value2 || value3;

OR ||演算子は次のことを行います。

• オペランドを左から右に評価します。
• 各オペランドについて、ブール値に変換します。結果がtrueの場合、処理を停止し、そのオペランドの元の値を返します。
• すべてのオペランドが評価された場合（つまり、すべてfalseだった場合）、最後のオペランドを返します。

値は変換なしで元の形式で返されます。

言い換えれば、OR ||の連鎖は、最初の真の値、または真の値が見つからない場合は最後の値を返します。

例：

alert( 1 || 0 ); // 1 (1 is truthy)

alert( null || 1 ); // 1 (1 is the first truthy value)
alert( null || 0 || 1 ); // 1 (the first truthy value)

alert( undefined || null || 0 ); // 0 (all falsy, returns the last value)

これは、「純粋な、古典的な、ブール値のみのOR」と比較して、いくつかの興味深い使用方法につながります。

1. 変数または式のリストから最初の真の値を取得します。

   たとえば、firstName、lastName、nickNameという変数があり、すべてオプション（つまり、未定義であるか、偽の値を持つ可能性があります）。

   OR ||を使用して、データを持つものを選択し、表示します（何も設定されていない場合は"Anonymous"）。

   let firstName = "";
   let lastName = "";
   let nickName = "SuperCoder";
   
   alert( firstName || lastName || nickName || "Anonymous"); // SuperCoder

   すべての変数が偽の場合、「Anonymous」が表示されます。

2. 短絡評価。

   OR ||演算子のもう1つの機能は、いわゆる「短絡」評価です。

   これは、||が最初の真の値に到達するまで引数を処理し、その値を他の引数に触れることなくすぐに返すことを意味します。

   この機能の重要性は、オペランドが単なる値ではなく、変数の代入や関数の呼び出しなどの副作用を持つ式である場合に明らかになります。

   以下の例では、2番目のメッセージのみが出力されます。

   true || alert("not printed");
   false || alert("printed");

   最初の行では、OR ||演算子はtrueを見た時点ですぐに評価を停止するため、alertは実行されません。

   左側の条件が偽の場合にのみコマンドを実行するために、この機能を使用する人がいます。

&& (AND)

AND演算子は、2つのアンパサンド&&で表されます。

result = a && b;

古典的なプログラミングでは、ANDは両方のオペランドが真の場合にtrueを返し、それ以外の場合はfalseを返します。

alert( true && true );   // true
alert( false && true );  // false
alert( true && false );  // false
alert( false && false ); // false

ifを使用した例：

let hour = 12;
let minute = 30;

if (hour == 12 && minute == 30) {
  alert( 'The time is 12:30' );
}

ORと同様に、任意の値をANDのオペランドとして使用できます。

if (1 && 0) { // evaluated as true && false
  alert( "won't work, because the result is falsy" );
}

AND「&&」は最初の偽の値を見つけます

複数のANDされた値が与えられた場合

result = value1 && value2 && value3;

AND &&演算子は次のことを行います。

• オペランドを左から右に評価します。
• 各オペランドについて、ブール値に変換します。結果がfalseの場合、処理を停止し、そのオペランドの元の値を返します。
• すべてのオペランドが評価された場合（つまり、すべて真だった場合）、最後のオペランドを返します。

言い換えれば、ANDは最初の偽の値、または偽の値が見つからない場合は最後の値を返します。

上記のルールはORに似ています。違いは、ANDが最初の *偽の* 値を返し、ORが最初の *真の* 値を返すことです。

例：

// if the first operand is truthy,
// AND returns the second operand:
alert( 1 && 0 ); // 0
alert( 1 && 5 ); // 5

// if the first operand is falsy,
// AND returns it. The second operand is ignored
alert( null && 5 ); // null
alert( 0 && "no matter what" ); // 0

複数の値を連続して渡すこともできます。最初の偽の値がどのように返されるかを見てください。

alert( 1 && 2 && null && 3 ); // null

すべての値が真の場合、最後の値が返されます。

alert( 1 && 2 && 3 ); // 3, the last one

let x = 1;

(x > 0) && alert( 'Greater than zero!' );

let x = 1;

if (x > 0) alert( 'Greater than zero!' );

! (NOT)

ブールNOT演算子は、感嘆符!で表されます。

構文は非常にシンプルです。

result = !value;

演算子は単一の引数を受け取り、次のことを行います。

1. オペランドをブール型に変換します：true/false。
2. 逆の値を返します。

例：

alert( !true ); // false
alert( !0 ); // true

二重NOT !!は、値をブール型に変換するために時々使用されます。

alert( !!"non-empty string" ); // true
alert( !!null ); // false

つまり、最初のNOTは値をブール値に変換して逆を返し、2番目のNOTはその逆を再び反転します。最終的には、単純な値からブール値への変換が得られます。

同じことを行うより冗長な方法があります。組み込みのBoolean関数です。

alert( Boolean("non-empty string") ); // true
alert( Boolean(null) ); // false

NOT !の優先順位はすべての論理演算子の中で最も高く、常に&&または||の前に実行されます。