JavaScriptのカンマ演算子が役立つ場面とは？使いどころを徹底解説

JavaScriptのカンマ演算子とは

JavaScriptのカンマ（コンマ）演算子は、左から順にすべてのオペランドを評価し、最後のオペランドの値を返す演算子です。複数の式を1つの文にまとめて記述したい場合に活用できます。

基本構文

expression1, expression2, ……expressionN

このように各式をカンマで区切って並べるだけで、連続した式の評価を1行で行えます。

forループでの活用例

カンマ演算子が特に威力を発揮するのが、forループ内で複数の変数を同時に初期化・更新したいケースです。

for (var a = 0, b = 5; a <= 5; a++, b--)

この例では、ループのたびに a をインクリメントしながら b をデクリメントできます。2つの変数を逆方向に動かすような処理も、カンマ演算子を使えば簡潔に1つのfor文で表現可能です。

return文での活用例

return文の中でカンマ演算子を使うと、値を返す前に任意の処理を実行できます。

function myFunc() {
    var a = 0;
    return (a += 1, a);
}

上記のコードでは、まず a += 1 が評価され、その後に更新された a の値が返されます。「処理をしてから返す」という流れを1行でスマートに書けるのがポイントです。

まとめ：使うべき場面と注意点

カンマ演算子は便利な一方、乱用するとコードの可読性を損なう恐れがあります。次のような場面で限定して使うのがおすすめです。

• forループで複数の変数を同時に初期化・更新したいとき
• return文で値を返す前に副作用のある処理を実行したいとき

適切な場面で使いこなせば、コードをより簡潔で洗練されたものにできるでしょう。