js 値を（）で括る

Question

初心者です。
使う場合があるかどうかわかりませんが
値を{}や[]ではなく（）で括った場合

var x = ('ab', 10, 'egg');
console.log(x);
//egg と出力される意味がわかりません。

教えていただけると助かります。

Answer 1

カンマ演算子

var x = ('ab', 10, 'egg');
console.log(x);   
//egg と出力される意味がわかりません。

() で括る事で式(Expression)として扱われます。
, のカンマ演算子によって、最後の式が評価され、変数 x には "egg" が代入されています。

• グループ化演算子 - JavaScript | MDN
• カンマ演算子 - JavaScript | MDN

カンマ演算子の使い方

横からですが、どういったときに使用するのでしょうか？

カンマ演算子は、別々の文に存在している「式」を「1つの文」に収める場合に使います。
アロー関数の略式記法で比較的見られます。

const foo = number => (number*=2, number + 'x' + number);
foo(2); // "4x4"

あと、私はfor文の第二項目で使ったことがあります。

for(var i = 0, len = 10, array = []; array.push(i), i < len; ++i);
console.log(JSON.stringify(array)); // [0,1,2,3,4,5,6,7,8,9,10]

array.push(i) を外に出すと、出力値が変化します。

for(var i = 0, len = 10, array = []; i < len; ++i) array.push(i);
console.log(JSON.stringify(array)); // [0,1,2,3,4,5,6,7,8,9]

例えば、[0,1,2,3,4,5,6,7,8,9] を期待していた場合、

• len === 9 なら前者(カンマ演算子)を使います
• len === 10 なら後者を使います

変数 len の値に応じて、両者を使い分ける事が出来ます。

Re: y.koyama さん

Comments

[退会済みユーザー]

これ、面白いですね。知らなかったです。
横からですが、どういったときに使用するのでしょうか？

[think49]

親記事に追記しました

[退会済みユーザー]

結構使いどころありそうですね。。。
何で知らなかったんだろ。見たことあってもよさそうだけど＾＾；

ありがとうございます。

[y.koyama]

ありがとうございました。
散々探しましたが見当たらず、本当に助かりました。