# 論理演算子
複数の関係演算子や真偽値等を組み合わせる演算子を**論理演算子**といい、`&&`,`||`,`!`が該当します。
`&&`は左右の式が共に`true`の場合に`true`を返却します。
もう少し内部的な処理の話をすると、
**左側を実行してfalseの場合、右側が実行されません。**
**左側がtrueの場合、右側が実行されます。**
...
console.log(userType);
// xは10
console.log(x > 5 && x < 20); // 左右ともにtrueのため、true
console.log(x > 15 && x < 20); // 左側がfalseのため、false
console.log(x > 5 && x < 9); // 右側がfalseのため、false
`||`は左右の式の片方がtrueの場合に`true`を返却します。
こちらは
**左側を実行してfalseの場合、右側を実行します。**
**左側がtrueの場合、右側は実行されません。**
...
console.log(x > 5 && x < 9); // 右側がfalseのため、false
console.log(x > 5 || x < 9); // 左側がtrueのため、true
console.log(x > 16 || x < 20); // 右側がtrueのため、true
console.log(x > 16 || x < 9); // 左右ともにfalseのため、false
`!`は後に続く条件式や真偽値を反転させます。
...
console.log(x > 16 || x < 14); // 左右ともにfalseのため、false
console.log(!(x > 16)); // 条件式はfalseであるが、反転してtrueとなる
少し話は変わりますが、**Truthy、Falsyな値**に関して説明します。
**Truthy、Falsyな値**とは任意な値を強制的に論理型に変換することです。
**Falsyな値**は以下が該当します。
* undefined
* null
* 0
* false
* ''（空文字）
* NaN
上記以外は**Truthyな値**になります。
上記を考慮すると、真偽値以外の値も使用することでき、`true`となる場合は、その使用した値を返却することができます。
...
console.log(!(x > 16)); // 条件式はfalseであるが、反転してtrueとなる
console.log(true && 'a'); // 左側がtrueなため、右側も実行され、truthyな値のため"a"が返却される
console.log(false && 'a'); // 左側がfalseのため、右側は実行されない
console.log(true || 1); // 左側がtrueなため、右側は実行されない
console.log(false || 1); // 左側がfalseのため、右側も実行され、truthyな値なため1が返却される