From f901c91693e172911191aa2a729912e1814ac932 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 8 May 2021 01:23:56 +0900 Subject: Web/JavaScript/Reference/Operators/Comma_Operator を更新 (#643) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 2021/02/20 時点の英語版に同期 --- .../reference/operators/comma_operator/index.html | 82 ++++++++++------------ 1 file changed, 39 insertions(+), 43 deletions(-) (limited to 'files/ja/web/javascript/reference/operators') diff --git a/files/ja/web/javascript/reference/operators/comma_operator/index.html b/files/ja/web/javascript/reference/operators/comma_operator/index.html index a8e460a4d3..0f8b47b1b8 100644 --- a/files/ja/web/javascript/reference/operators/comma_operator/index.html +++ b/files/ja/web/javascript/reference/operators/comma_operator/index.html @@ -2,52 +2,50 @@ title: 'カンマ演算子 (,)' slug: Web/JavaScript/Reference/Operators/Comma_Operator tags: - - Comma - - Compound - - Expression - - JavaScript - - Language feature - - Operator - - Reference +- Comma +- Compound +- Expression +- JavaScript +- Language feature +- Operator +- Reference translation_of: Web/JavaScript/Reference/Operators/Comma_Operator ---
{{jsSidebar("Operators")}}
-

カンマ演算子 (,) は、それぞれの演算対象を(左から右に)評価し、最後のオペランドの値を返します。これにより、複数の式が評価される複合式を作成することができ、複合式の最終値はそのメンバ式の一番右端の値となります。これは、for ループに複数のパラメーターを提供する場合によく使用されます。

+

カンマ演算子 (,) は、それぞれの演算対象を(左から右に)評価し、最後のオペランドの値を返します。これにより、複数の式が評価される複合式を作成することができ、複合式の最終値はそのメンバー式の一番右端の値となります。これは、for ループに複数の引数を提供する場合によく使用されます。

{{EmbedInteractiveExample("pages/js/expressions-commaoperators.html")}}
+

構文

+
expr1, expr2, expr3...
-

構文

- -
expr1, expr2, expr3...
- -

パラメーター

+

引数

-
expr1, expr2, expr3...
-
1つ以上の式で、最後の式が複合式の値として返されます。
+
expr1, expr2, expr3...
+
1 つ以上の式で、最後の式が複合式の値として返されます。
-

説明

+

使用上の注意

-

単一の式でなければならない位置で複数の式を記述したい場合に、カンマ演算子を使うことができます。この演算子が最も良く使われるのは、for ループで複数のパラメーターを与えたい時です。

+

カンマ演算子は、単一の式が求められる場所で複数の式を記述したい場合に使うことができます。この演算子が最もよく使われるのは、 for ループで複数の引数を与えたいときです。

-

カンマ演算子は、配列、オブジェクト、関数の引数やパラメーターの内部にあるカンマとは大きく異なります。

+

カンマ演算子は、配列、オブジェクト、関数の引数や引数の内部にあるカンマとは大きく異なります。

-

+

-

例えば次のコードでは、a が、1 辺 10 要素からなる 2 次元配列内の要素を一度に 2 つ 変化させる為に、変数宣言部分でカンマ演算子を用いています。

+

例えば次のコードでは、 a が、1 辺 10 要素からなる 2 次元配列内の要素を一度に 2 つ 変化させる為に、変数宣言部分でカンマ演算子を用いています。

このコードは、配列における対角線の要素の値を出力するものです。

-
for (var i = 0, j = 9; i <= 9; i++, j--)
-  document.writeln("a[" + i + "][" + j + "] = " + a[i][j]);
+
for (var i = 0, j = 9; i <= 9; i++, j--)
+  console.log('a[' + i + '][' + j + '] = ' + a[i][j]);
-

var 文などで)代入​​​を行う際​​​にカンマを使うと、カンマ演算子が通常どおりに働いていないかのように見える場合があります(カンマ演算子が式の中にないため)。以下の例で a には b = 3 の値(すなわち 3 )が設定されますが、さらに c = 4 が評価されて、その結果 (4) がコンソールに返ります。これは演算子の優先順位と結合性のためです。

+

代入​​​を行う際​​​にカンマを使うと、カンマ演算子が通常どおりに働いていないかのように見える場合があります (カンマ演算子が式の中にないため)。以下の例では a には b = 3 の値 (すなわち 3) が設定されますが、さらに c = 4 が評価されて、その結果 (すなわち 4) がコンソールに返されます。これは演算子の優先順位と結合性のためです。

-
var a, b, c;
+
var a, b, c;
 
 a = b = 3, c = 4; // コンソールに 4 が返る
 console.log(a); // 3 (もっとも左)
@@ -58,37 +56,35 @@ x = (y = 5, z = 6); // コンソールに 6 が返る
 console.log(x); // 6 (もっとも右)
 
-

処理と戻り値

+

処理と返値

-

カンマ演算子が行うことのもうひとつの例が、値を返す前の処理です。前述のとおり最後の要素のみ返しますが、その他すべての要素も評価します。よって、以下のようなことができます:

+

カンマ演算子が行うことのもうひとつの例が、値を返す前の処理です。前述のとおり最後の要素のみを返しますが、その他すべての要素も評価します。よって、以下のようなことができます。

-
function myFunc () {
-  var x = 0;
+
function myFunc() {
+	var x = 0;
 
-  return (x += 1, x); // 戻り値は ++x と同じ
+  return (x += 1, x); // 返値は ++x と同じ
 }
-

仕様

+

仕様書

- - - - - - - - + + + + + + + +
仕様書
{{SpecName('ESDraft', '#sec-comma-operator', 'Comma operator')}}
仕様書
{{SpecName('ESDraft', '#sec-comma-operator', 'Comma operator')}}
-

ブラウザー実装状況

- - +

ブラウザーの互換性

{{Compat("javascript.operators.comma")}}

-

関連情報

+

関連情報

-- cgit v1.2.3-54-g00ecf