本記事では、JavaScriptの論理演算子について詳しく解説しています。
先輩くん論理演算子はJavaScriptを使う上で必須スキルだよ！
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
論理演算子とは
論理演算子とは、if文などで使用される条件式を複数組み合わせ、その結果をtrue/falseとして返します。
JavaScriptで使用される論理演算子は「||」「&&」「!」の3種類あり、これらを組み合わせて使うことで複雑な条件式を表現することが出来ます。
||の意味と使い方
1つ目の論理演算子は、||です。これは、複数ある条件のうち1つでも一致していればtrueを返し、全ての条件に一致しない場合にのみfalseを返します。
先輩くん||の論理演算子を使った実行結果は以下のとおりだよ！
let num1 = 10;
let num2 = 20;
// 全ての条件に一致
num1 === 10 || num2 === 20; // => true
// 1つの条件にのみ一致
num1 === 5 || num2 === 20; // => true
// 全ての条件に不一致
num1 === 5 || num2 === 10; // => false&&の意味と使い方
2つ目の論理演算子は、&&です。これは、複数ある条件が全て一致している場合にのみtrueを返し、一つでも条件が不一致の場合はfalseを返します。
先輩くん&&の論理演算子を使った実行結果は以下のとおりだよ！
let num1 = 10;
let num2 = 20;
// 全ての条件に一致
num1 === 10 && num2 === 20; // => true
// 1つの条件にのみ一致
num1 === 5 && num2 === 20; // => false
// 全ての条件に不一致
num1 === 5 && num2 === 10; // => false!の意味と使い方
3つ目の論理演算子は、!です。これは、NOT演算子とも言われ条件の結果を反対にする性質があります。つまり、本来であればtrueの結果を!演算子を使うことでfalseに変えることが出来ます。逆もしかりです。
先輩くん!の論理演算子を使った実行結果は以下のとおりだよ！
let num1 = 10;
// 本来であればtrue
num1 !== 10; // => false
// 本来であればfalse
num1 !== 5; // => true
