カンマ演算子は、それぞれの演算対象を(左から右に)評価し、最後のオペランドの値を返します。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
構文
expr1, expr2, expr3...
パラメータ
expr1,expr2, expr3...- 任意の式です。
説明
単一の式でなければならない位置で複数の式を記述したい場合に、カンマ演算子を使うことができます。この演算子が最も良く使われるのは、for ループで複数のパラメータを与えたい時です。
例
例えば次のコードでは、a が、1 辺 10 要素からなる 2 次元配列内の要素を一度に 2 つ 変化させる為に、変数宣言部分でカンマ演算子を用いています。
このコードは、配列における対角線の要素の値を出力するものです。
for (var i = 0, j = 9; i <= 9; i++, j--)
document.writeln("a[" + i + "][" + j + "] = " + a[i][j]);
(var 文などで)代入を行う際にカンマを使うと、カンマ演算子が通常どおりに働いていないかのように見える場合があります(カンマ演算子が式の中にないため)。以下の例で a には b = 3 の値(すなわち 3 )が設定されますが、さらに c = 4 が評価されて、その結果 (4) がコンソールに返ります。これは演算子の優先順位と結合性のためです。
// 注記: 以下のコードはグローバル変数を生成するため、strict モードでは禁止されます。 a = b = 3, c = 4; // コンソールに 4 が返る console.log(a); // 3 (もっとも左) x = (y = 5, z = 6); // コンソールに 6 が返る console.log(x); // 6 (もっとも右)
カンマ演算子は、配列・オブジェクト・関数の引数(パラメータ)の内部にあるカンマとは大きく異なります。
処理と戻り値
カンマ演算子が行うことのもうひとつの例が、値を返す前の処理です。前述のとおり最後の要素のみ返しますが、その他すべての要素も評価します。よって、以下のようなことができます:
function myFunc () {
var x = 0;
return (x += 1, x); // 戻り値は ++x と同じ
}
仕様
ブラウザー実装状況
| デスクトップ | モバイル | サーバー | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Comma operator | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 3 | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 1.0 | nodejs 完全対応 あり |
凡例
- 完全対応
- 完全対応