JavaScriptの条件文・比較演算子・論理演算子まとめ
目次
- 1. 比較演算子
- 2. よく使う標準関数
- 3. ファイルからJavaScriptを実行する
- 4. 条件分岐（if, else if, else）
- 5. TruthyとFalsy
- 6. 論理演算子
- 7. switch文
- 8. まとめ
1. 比較演算子
| 演算子 | 意味 | 備考 |
|---|---|---|
> |
より大きい | |
< |
より小さい | |
>= |
以上 | |
<= |
以下 | |
== |
等価（値のみ比較） | 型が異なる場合は型変換して比較（意図しない結果も） |
!= |
不等価（値のみ比較） | |
=== |
厳密な等価（値・型両方比較） | 最も推奨される比較 |
!== |
厳密な不等価（値・型両方比較） |
💡 ポイント
-
==や!=は「型変換」されてしまうので、意図しない挙動になることも。 - 基本は
===や!==を使うこと！
2. よく使う標準関数
-
console.log()：コンソールに出力 -
alert()：アラートダイアログを表示 -
prompt()：入力用ダイアログを表示 -
parseInt()：String型をNumber型に変換
3. ファイルからJavaScriptを実行する
-
.jsファイルにコードを書く（例：main.js） -
.htmlファイルで.jsファイルを読み込む（例：index.html）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>サンプルJSページ</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
4. 条件分岐（if, else if, else）
if文
条件が true の場合に処理を実行します。
let score = 7;
if (score === 7) {
console.log("PERFECT SCORE!");
}
else if文
どれか1つだけしか実行されません。上から順に判定されます。
const weather = 'Rainy';
if (weather === 'Sunny') {
console.log('晴れ');
} else if (weather === 'Rainy') {
console.log('雨');
}
else文
上記に当てはまらなかった場合に実行されます。
const fruit = prompt('好きな果物を英語で入力してください').toLowerCase();
if (fruit === 'apple') {
console.log('リンゴ');
} else if (fruit === 'banana') {
console.log('バナナ');
} else if (fruit === 'orange') {
console.log('オレンジ');
} else {
console.log('それ以外の果物');
}
if文のネスト
const userId = prompt('ユーザーIDを入力してください');
if (userId.length >= 5) {
if (userId.indexOf('#') === -1) {
console.log('登録可能なIDです');
} else {
console.log('IDに記号#は含めないでください');
}
} else {
console.log('IDが短すぎます');
}
5. TruthyとFalsy
JavaScriptの値はすべて「Truthy」か「Falsy」に分類されます。
-
Falsy:
false,0,''（空文字）,null,undefined,NaN - Truthy: 上記以外の値
const ageInput = prompt('年齢を入力してください');
if (ageInput) {
console.log('TRUTHY');
} else {
console.log('FALSY');
}
6. 論理演算子
AND（&&）
両サイドがtrueの時のみtrue。左がfalseなら右は評価されません。
const userId = prompt('ユーザーIDを入力してください');
if (userId.length >= 5 && userId.indexOf('#') === -1) {
console.log('登録OKです');
} else {
console.log('ユーザーIDの条件を満たしていません');
}
OR（||）
どちらか一方がtrueならtrue。
const temperature = 35;
if (temperature < 0 || temperature >= 40) {
console.log('危険な気温です');
} else if (temperature < 20) {
console.log('少し寒いです');
} else if (temperature < 40) {
console.log('快適な気温です');
}
NOT（!）
trueとfalseを反転させます。
let nickname = prompt('ニックネームを入力してください:');
if (!nickname) {
nickname = prompt('ニックネームが未入力です。再度入力してください');
}
7. switch文
switch文は1つの値で場合分けするのに特化した分岐です。
if文でも書けますが、switch文の方が可読性が高くなります。
const colorCode = 4;
switch (colorCode) {
case 1:
console.log('赤');
break;
case 2:
console.log('青');
break;
case 3:
console.log('黄');
break;
case 4:
console.log('緑');
break;
case 5:
console.log('紫');
break;
default:
console.log('その他の色 or 不明な値');
}
8. まとめ
✅ ===や!==など厳密比較を使おう
✅ if / else if / else やswitchで柔軟な分岐ができる
✅ Truthy/Falsyや論理演算子（&&, ||, !）も押さえよう