JavaScriptの条件式を短く書くコツ！論理演算子の短絡評価を活用しよう

1. 論理演算子とは？

1. 論理演算子とは？

JavaScriptの論理演算子にはAND（&&）とOR（||）があります。ANDは両方の条件が真（true）の場合に全体が真になります。ORはどちらか一方が真であれば全体が真になります。

これらは「複数の条件をまとめて判断するための基本的な仕組み」で、if文や条件分岐で頻繁に使われます。特にJavaScriptでは、単にtrueやfalseだけでなく、値そのものを返す特徴があり、これがコードの短縮につながります。

let a = true;
let b = false;

console.log(a && b); // 両方trueでないとfalse
console.log(a || b); // どちらかtrueならtrue

false
true

このように、ANDは「両方OKか？」、ORは「どちらかOKか？」を判断するために使います。まずはこの基本ルールを理解しておくことで、後の短絡評価の仕組みもスムーズに理解できるようになります。

2. AND（&&）を使った短縮条件

2. AND（&&）を使った短縮条件

例えば、変数userが存在する場合だけメッセージを表示したいときに、通常はif文を使います。

if (user) {
  console.log("ユーザーが存在します");
}

ユーザーが存在します

これを短絡評価を使うと、1行で書けます。

user && console.log("ユーザーが存在します");

ユーザーが存在します

ここで、&&の左側の条件がfalseの場合、右側の処理は実行されません。これが短絡評価です。

3. OR（||）を使ったデフォルト値設定

3. OR（||）を使ったデフォルト値設定

OR演算子を使うと、変数が存在しない場合にデフォルト値を設定することができます。

let name = userName || "ゲスト";
console.log(name);

ゲスト

ここでuserNameが空やnullの場合、"ゲスト"が代入されます。ORも短絡評価を利用しており、左側が真なら右側は評価されません。

4. 関数内での短絡評価活用例

4. 関数内での短絡評価活用例

関数内でも短絡評価は有効です。例えば、ログインユーザーが存在するときだけメッセージを返す場合です。

function showMessage(user) {
  user && console.log(user.name + "さん、こんにちは！");
}

showMessage({name: "太郎"});
showMessage(null);

太郎さん、こんにちは！

nullの場合は右側の処理は実行されないため、エラーを防ぐことができます。

5. 短絡評価のベストプラクティス

5. 短絡評価のベストプラクティス

• 簡単な条件式や一時的な処理は短絡評価で1行にまとめる
• 複雑な処理は無理に1行にせずif文で明示的に書く
• ORを使ったデフォルト値の設定は、初期値を分かりやすく示す
• ANDを使った実行は、条件が真の場合だけ処理したいときに活用
• 可読性を優先し、他の人が見ても理解できる書き方を心がける

短絡評価を理解して使いこなすことで、JavaScriptの条件式を簡潔で読みやすく書くことができます。

この記事を読んだ人からの質問

この記事を読んだ人からの質問

プログラミング初心者からのよくある疑問／質問を解決します

JavaScriptの条件式を短く書く方法として短絡評価とは何ですか？初心者向けに分かりやすく教えてください。

JavaScriptの短絡評価とは、論理演算子ANDやORを使って条件式の結果が途中で確定した場合、それ以上の評価を行わない仕組みです。これにより無駄な処理を省き、コードを短く書けるため、初心者でも効率的なJavaScriptコードを書くことができます。