丸括弧のみで囲まれた構文について

Question

JavaScriptの式についてお聞きしたいことがあります。
以下の構文を見かけたのですが、「if」演算子もついておらず三項演算子もついていませんでした。
検索し調べてみましたが、if文は丸括弧のみでは使用できないとありました。
こちらはどういった構文になるのでしょうか。
どなたか、ご助言頂けましたら幸いです。

var text = "abc-acb-bac-bca-cab-cba";
var count = ( text.match(target) || [] ).length;

Answer 1

console.log([1,2,3]||[]);//[1,2,3]
console.log(null||[]);//[]

ということです。正規表現でマッチしなかった場合はnullが返るのを利用したTIPSですね
今風ならこんな感じでも

const count =  text.match(target)?.length??0;
console.log(count);

Comments

[ruuuu]

ご回答ありがとうございます。
自分としての疑問は
console.log([1,2,3]||[])
これで三項演算子のようなことができてしまうのであれば、三項演算子との使い分けがいまいち分からない部分ではありますね...

[yambejp]

or(||)というのはもともとそういうものですよね？
実態があるもの or だめだったときの代替→実態があるもの
実態がないもの or だめだったときの代替→だめだったときの代替
※実態がないもの＝null,false,0,"",undefinedなど

[yambejp]

ちなみに三項演算は
実態があるもの(もしくは真)?値1:値2→値1
実態がないもの(もしくは偽)?値1:値2→値2
なので代替的に書くなら

実態があるもの?実態があるもの:だめだったときの代替
と書くしかなく、無駄です

[ruuuu]

ご丁寧にご説明頂き、ありがとうございます。
自分括弧の意味を勘違いしてしまっていたのですが、他の方に頂いたご説明も併さり理解することが出来ました。

Answer 2

こちらはどういった構文になるのでしょうか。

単なる式です。

Answer 3

普通の括弧です。(a+b)*cの括弧と同じ。

括弧が無いtext.match(target) || [] .length だと、||演算子より.の結合度の方が強いので、
つまり、text.match(target) || ([].length)と同じです。
lengthメソッドの対象オブジェクトが||演算の結果なのか、単なる[]なのかという違いがあります。

||演算子の意味を知らないと言うことなのでしょうか？
a || bは、「aが真ならa、aが偽ならb」が演算結果です。

Comments

[ruuuu]

ご回答ありがとうございます。
> (a+b)*cの括弧と同じ。
こちらでピンときました。
自分は少々勘違いしていたのですが、「 || 」といった演算子はif文内でのみ使用できるものではないかと思っていました。

>lengthメソッドの対象オブジェクトが||演算の結果なのか、単なる[]なのかという違いがあります。
こちらも、なんらかの計算の結果を優先させるものだとは思わず、混乱してしまっていました。