JavaScriptのIF文でOR条件を使う方法|論理OR演算子(||)の使い方を解説
JavaScriptのIF文でOR条件(いずれか一方でも成立すれば真とする条件)を使いたい場合は、論理OR演算子「||」を使用します。2つのオペランドのうち、どちらか一方でもゼロ以外(truthyな値)であれば、条件はtrueと評価されます。
論理OR演算子(||)の基本
「||」演算子は、左辺または右辺のどちらかがtrueであれば結果としてtrueを返します。両方がfalseの場合のみfalseになります。IF文と組み合わせることで、「AまたはBのどちらかが当てはまれば処理を実行する」という分岐を簡単に記述できます。
基本的な使用例
以下は、変数aとbに対して「||」演算子を適用したシンプルな例です。
<html>
<body>
<script>
var a = true;
var b = false;
document.write("(a || b) => ");
result = (a || b);
document.write(result); // true が出力される
</script>
</body>
</html>
このコードでは、aがtrueであるため、(a || b)の評価結果はtrueとなります。
IF文での実践的な使い方
実際の開発では、次のようにIF文の中でOR条件を記述するのが一般的です。
var age = 15;
if (age < 18 || age > 65) {
console.log("割引対象です");
} else {
console.log("通常料金です");
}
この例では、年齢が18歳未満または65歳超のどちらかの条件を満たしていれば、「割引対象です」と表示されます。
真理値表
「||」演算子の評価結果は以下の通りです。
| a | b | a || b |
|---|---|---|
| true | true | true |
| true | false | true |
| false | true | true |
| false | false | false |
まとめ
JavaScriptのIF文でOR条件を実現するには、論理OR演算子「||」を使います。複数の条件のうち1つでも満たされていれば処理を分岐させたい場合に非常に便利なので、ぜひ活用してみてください。
-
JavaScriptでHTMLページをリダイレクトする方法をわかりやすく解説
ページリダイレクトとは?あるURLをクリックしてページXにアクセスしたはずなのに、実際には別のページYに移動された——そんな経験はありませんか?これは「ページリダイレクト」と呼ばれる仕組みによるものです。Web開発では、サイト移転時や古いURLから新しいURLへの誘導など、さまざまな場面で活用されています。JavaScriptでリダイレクトを実装するJavaScriptを使えば、クライアント側(ブラウザ側)で非常にシンプルにページリダイレクトを実現できます。特別なライブラリやサーバー側の設定は不要で、window.location.assign()メソッドを呼び出すだけでOKです。訪問者を新し
-
JavaScriptで「:(コロン)」と「=(イコール)」の使い分けを理解する方法
JavaScriptでは、コロン(:)はオブジェクトにプロパティを定義する際に使用し、イコール(=)は変数に値を代入する際に使用します。この2つの記号は似たような場面で目にしますが、役割がまったく異なるため、正しく使い分けることが重要です。コロン(:)を使う場面コロンは主にオブジェクトリテラル内でプロパティ名とその値を結びつけるときに使います。「プロパティ名: 値」という形式で記述し、オブジェクトの構造を定義できます。イコール(=)を使う場面イコールは代入演算子と呼ばれ、宣言した変数や既存の変数・プロパティに値を代入するときに使用します。右辺の値が左辺の変数に格納されます。サンプルコード以下の