カテゴリ: TypeScript 更新日: 2026/08/03

TypeScriptの論理演算子を完全ガイド初心者でもわかるアンドオアノットの使い方と条件分岐の基本

TypeScriptの論理演算子(&&・||・!)を初心者向けに解説
TypeScriptの論理演算子(&&・||・!)を初心者向けに解説

先生と生徒の会話形式で理解しよう

生徒

「TypeScriptで複数の条件をまとめて判断する方法ってありますか」

先生

「あります論理演算子を使うことで条件を組み合わせて判断できます」

生徒

「論理演算子って何ですか少し難しそうです」

先生

「心配しなくて大丈夫です日常の考え方と同じなので順番に理解していきましょう」

1. 論理演算子とは何か

1. 論理演算子とは何か
1. 論理演算子とは何か

TypeScriptの論理演算子とは複数の条件を組み合わせて一つの結果を出すための仕組みです例えばある条件と別の条件を同時に満たしているかまたはどちらか一つでも満たしているかといった判断を行うことができます

この考え方は日常生活でもよく使われています例えば雨が降っていて傘を持っていない場合に外出をやめるといった判断は複数の条件を組み合わせていますこのような考え方をプログラムで表現するのが論理演算子です

2. アンド演算子の使い方

2. アンド演算子の使い方
2. アンド演算子の使い方

アンド演算子は二つの条件が両方とも正しい場合にだけ処理を実行する仕組みです両方とも満たしている必要があるため厳しい条件になります


let age = 20;
let hasTicket = true;

if (age >= 18 && hasTicket) {
    console.log("入場できます");
}

入場できます

この例では年齢とチケットの両方の条件が満たされているため処理が実行されますどちらか一つでも満たされない場合は実行されません

3. オア演算子の使い方

3. オア演算子の使い方
3. オア演算子の使い方

オア演算子はどちらか一つでも条件を満たしていれば処理を実行する仕組みですアンド演算子よりも条件が緩くなります


let isWeekend = true;
let isHoliday = false;

if (isWeekend || isHoliday) {
    console.log("休みです");
}

休みです

このようにどちらか一方でも正しければ処理が実行されます柔軟な条件分岐を作るときに便利です

4. ノット演算子の使い方

4. ノット演算子の使い方
4. ノット演算子の使い方

ノット演算子は条件の結果を逆にする仕組みです正しいものを間違いに間違いのものを正しいに変換します


let isLogin = false;

if (!isLogin) {
    console.log("ログインしてください");
}

ログインしてください

このようにノット演算子を使うことで条件を簡単に反転させることができます

5. 複数の論理演算子を組み合わせる

5. 複数の論理演算子を組み合わせる
5. 複数の論理演算子を組み合わせる

実際の開発では複数の論理演算子を組み合わせて使うことが多いです条件を組み合わせることでより細かい判断ができるようになります


let age = 17;
let hasPermission = true;

if ((age >= 18 && hasPermission) || age >= 20) {
    console.log("許可されています");
}

許可されています

このように条件を組み合わせることで複雑なルールも表現できます括弧を使うことで優先順位を明確にすることが重要です

6. 論理演算子の優先順位

6. 論理演算子の優先順位
6. 論理演算子の優先順位

論理演算子には優先順位があります一般的にはノット演算子が最も優先され次にアンド演算子最後にオア演算子が評価されますこの順番を理解しておかないと意図しない結果になることがあります

複雑な条件を書く場合は必ず括弧を使って明確にすることでバグを防ぐことができます初心者のうちは常に括弧を付ける意識を持つと安心です

7. よくあるミスと注意点

7. よくあるミスと注意点
7. よくあるミスと注意点

論理演算子でよくあるミスは条件の書き方の間違いです例えばアンドとオアを混同してしまうと全く違う結果になりますまたノット演算子の付ける位置を間違えることで逆の意味になってしまうこともあります

条件を考えるときは日本語で考えてからコードにすることでミスを減らすことができます例えばかつまたはではないといった言葉に置き換えると理解しやすくなります

8. 論理演算子を理解する重要性

8. 論理演算子を理解する重要性
8. 論理演算子を理解する重要性

論理演算子を理解することで条件分岐の幅が大きく広がります単純な条件だけでなく複数の条件を組み合わせた柔軟な処理が書けるようになります

TypeScriptでの開発では入力チェックや権限管理など様々な場面で論理演算子が使われます基本をしっかり理解しておくことで実践的なプログラムが書けるようになります

まとめ

まとめ
まとめ

今回はTypeScriptにおける論理演算子について基礎から丁寧に確認してきました論理演算子はプログラムの条件分岐をより柔軟にし複数の条件を同時に扱うために欠かせない重要な要素ですアンド演算子オア演算子ノット演算子という三つの基本を理解することで実際の開発で必要となる条件判定をしっかりと書けるようになります

まずアンド演算子は二つの条件が両方とも正しいときにだけ処理を実行する仕組みであり厳密な条件を表現したいときに使われます一方でオア演算子はどちらか一つでも条件を満たしていれば処理を実行するため柔軟な条件分岐を実現することができますさらにノット演算子は条件の結果を反転させるためのものであり条件の逆の意味を簡単に表現できる便利な演算子です

これらの論理演算子を単体で使うだけでなく複数組み合わせて使うことでより実践的な条件分岐を書くことができるようになります例えば年齢や権限や状態など複数の情報をもとに処理を分岐させる場面では論理演算子の理解がそのままコードの正確さに直結しますそのため初心者の段階でしっかり理解しておくことがとても大切です

また論理演算子には優先順位が存在するため複雑な条件を書くときには括弧を使って明確にすることが重要です括弧を使うことで意図した順番で条件が評価されるためバグを防ぐことができます特にアンドとオアを組み合わせる場合は必ず括弧で囲む癖をつけると安心です

初心者がつまずきやすいポイントとしてはアンドとオアの意味を逆にしてしまうことやノットの位置を間違えてしまうことが挙げられますこうしたミスを防ぐためには一度日本語で条件を整理してからコードに落とし込むことが効果的です例えばかつまたはではないという形で考えることで自然と正しい条件が書けるようになります

論理演算子はフォームの入力チェックやログイン判定や権限管理など多くの場面で利用されますそのためこの基本を理解しておくことで今後の学習や開発がスムーズに進むようになります単純な条件分岐から一歩進んだ柔軟な処理を書くための第一歩として今回の内容をしっかり身につけておきましょう

論理演算子の基本サンプル


let score = 80;
let hasBonus = true;

if (score >= 70 && hasBonus) {
    console.log("合格です");
}

合格です

オア演算子の応用例


let isAdmin = false;
let isManager = true;

if (isAdmin || isManager) {
    console.log("管理画面にアクセスできます");
}

管理画面にアクセスできます

ノット演算子の確認


let isError = false;

if (!isError) {
    console.log("正常に動作しています");
}

正常に動作しています
先生と生徒の振り返り会話

生徒

「論理演算子って最初は難しそうでしたが日常の考え方と同じだと分かってきました」

先生

「そうですね条件を組み合わせるという考え方は普段の判断と同じなので慣れると自然に書けるようになります」

生徒

「アンドとオアとノットの違いも整理できましたこれで複雑な条件も書けそうです」

先生

「とても良い理解です特に複数条件を扱うときには今回の知識がそのまま役立ちます」

生徒

「括弧を使って優先順位を意識することも大事なんですね」

先生

「その通りです意図した順番で条件を評価するためには括弧を使うことが重要です」

生徒

「これからは条件を日本語で整理してからコードを書くようにしてみます」

先生

「とても良い方法ですその習慣を続けることでより正確で読みやすいコードが書けるようになります」

カテゴリの一覧へ
新着記事
New1
Swift
Swiftの可変長引数(Variadic Parameters)とは?初心者向けにやさしく解説!
New2
Go言語
Go言語の配列の基本!定義・初期化・アクセス方法をやさしく解説
New3
Swift
Swift変数と定数の使い方|varとletの違いを初心者向けに解説
New4
Swift
Swift正規表現入門!Regex BuilderとNSRegularExpressionを初心者向けに解説
人気記事
No.1
Java&Spring記事人気No1
Kotlin
Android Studioのインストール手順と初期設定を初心者向けに完全解説!
No.2
Java&Spring記事人気No2
Swift
Swift Playgroundの使い方を完全解説!初心者に最適な学習環境の始め方
No.3
Java&Spring記事人気No3
Swift
Swift開発環境の構築方法を徹底解説!Xcode・Windows・Linux対応
No.4
Java&Spring記事人気No4
Swift
Swift入門ガイド|基本構文と書き方をマスターしよう
No.5
Java&Spring記事人気No5
Kotlin
Gradleファイル(build.gradle.kts)の書き方と役割をやさしく解説!Kotlin初心者向け完全ガイド
No.6
Java&Spring記事人気No6
Go言語
Go言語のビルドの基本!go buildコマンドの使い方を初心者向けに解説
No.7
Java&Spring記事人気No7
TypeScript
TypeScriptで絶対値を求める方法!Math.absの使い方を初心者向けにわかりやすく解説
No.8
Java&Spring記事人気No8
Kotlin
Kotlinの可視性修飾子を完全ガイド!public・private・internalの意味と使い分けを初心者向けに解説

💻 作業効率アップに

ノートPCを縦置きしてデスクを広く。
省スペースで片づく定番スタンド

UGREEN 縦型スタンドをAmazonで見る

※ Amazon広告リンク