Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Comma operator (,)演算子の使い方

Comma operator (,)演算子の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Comma operator (,)オブジェクトは、JavaScriptにおいて複数の式を順番に評価し、最後の式の評価結果を返す特殊な演算子を表すものです。この演算子は、左側の式から右側の式へと順に実行されます。それぞれの式は評価されますが、最終的にその式全体の値として採用されるのは、一番右側の式の評価結果のみです。

主に、forループの初期化部や更新部で複数の変数の初期化や更新を同時に行いたい場合などに活用されます。例えば、for (let i = 0, j = 10; i < j; i++, j--) のように、複数の式を一つの文にまとめることができます。これにより、コードの記述量を減らし、関連する操作を簡潔に表現することが可能です。

ただし、関数の引数リスト、配列リテラル、オブジェクトリテラルなどでカンマが使われる場合は、それらは要素間の区切り文字として機能し、カンマ演算子としての振る舞いとは異なるため注意が必要です。カンマ演算子は、複数の独立した式を結合し、それら全てを実行した上で、最後の式の値を結果として必要とする場面で効果的に使用されます。このように、カンマ演算子はコードの簡潔さを保ちながら、一連の処理を実行し、特定の値を返すための強力なツールとして機能します。

公式リファレンス: Comma operator (,)

構文(syntax)

1let result = (1 + 1, 'Hello', 5 * 2);

引数(parameters)

引数なし

引数はありません

戻り値(return)

最後の式の値

Comma operator (,) は、複数の式をカンマで区切って連結し、連結された式の中で最後に評価された式の値を返します。

関連コンテンツ

関連プログラミング言語