JavaScriptの三項演算子:シンプルな条件分岐のマスター

JSの三項演算子は、条件式を評価し、条件が真(true)であれば1つ目の式を実行し、偽(false)であれば2つ目の式を実行します。これは、条件に基づいて変数や式の値を簡潔に設定するのに便利です。

以下は、三項演算子の基本的な構文です。

条件式 ? 式1 : 式2

これは、次のようなif-else文と同等です。

if (条件式) {
  式1;
} else {
  式2;
}

三項演算子の利点は、コードを簡潔に保つことです。例えば、次のコードを見てください。

const age = 20;
let message;

if (age >= 18) {
  message = "成人です";
} else {
  message = "未成年です";
}
console.log(message);

これを三項演算子を使って書き換えると、以下のようになります。 ‘‘‘JS const score = 75; const grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D";

console.log(grade); // Output: C ‘‘‘ ただし、ネストしすぎると可読性が低下するため、適切に使うことが重要です。

三項演算子は短い条件式に最適ですが、複雑な条件や複数の式を扱う場合は、if-else文を使用する方がコードの可読性を高めることができます。