javascriptの三項演算子

Question

###javascriptの三項演算子について

const test = true;
const obj = {
  objA: test ? true : false
};

例えですが、このような処理を行う場合、objAに入る値を三項演算子で処理したとします。
ですが、この方法以外に同様の状態を満たすことができる書き方はあるのでしょうか？

###発生している問題・エラーメッセージ
関わっているプロジェクトにアサインしたのですが、作業を進める過程で、eslintのエラーが発生しており、そのエラーが

Unnecessary use of boolean literals in conditional expression

というエラーで三項演算子で使用しているbooleanに関するエラーのようなのですが、三項演算子でのようにスマートな書き方で、且つ当該エラーを回避できる方法を調査していたのですが、同様の状態を満たすことができる解答にたどり着けず質問させていただきました。

ご教示いただけると嬉しいです。
よろしくお願いします。

Comments

[Lhankor_Mhy]

これは、test が Truthy だったら true を、Falsy だったら false を代入する、ということでいいのでしょうか？　型キャストではダメなんでしょうか？

[souta-haruran]

> test が Truthy だったら true を、Falsy だったら false を代入する
はい、おっしゃる通りです。
例えがよくなかったですが、testの部分は動的に変わるようになってまして、Truthyの場合、Falsyの場合があります。

[Lhankor_Mhy]

やはり、型キャストで不足の理由がわかりかねます……

[souta-haruran]

すみません、確かに型キャストで見てよかったです。
視野が狭く偏り過ぎていました。
学ばせていただきます。

Answer 1

Unnecessary use of boolean literals in conditional expression

日本語訳すると、

条件式での不必要なブールリテラルの使用

つまり、「オメー三項演算子通す意味がねーじゃねーかよ！！！！普通に真偽値への変換を使えや！！！！！！！」と怒られているわけじゃねーかな。しらんけど

つーことで、もっとも単純な解決策は、testの二重否定を返すことだな。

Comments

[yambejp]

こまかいですが参考→三項

[退会済みユーザー]

To: yambejpさん
乱暴な言葉遣いには触れないところが包容力って感じ。
しゅうせいしましたー

[souta-haruran]

ご回答ありがとうございました。
二重否定は使い所も改めて理解できました。

Answer 2

const test = /* truthyかfalsyかを見たい値 */;
const obj = {
  objA: Boolean(test),
  objB: !!test
};

Comments

[maisumakun]

なお、Booleanにnewをつけてはいけません（ラッパーオブジェクトの生成になってしまいます）。

[souta-haruran]

ご回答ありがとうござます。
確かにご教示の通り書けば同様の状態を満たすことができますね。
学ばせていただきました。

Answer 3

三項演算子を使うことが目的化しています。
例のtestはそれ自体boolと評価できるはずですからobjA: !!testなどとかけるはず。
三項演算子のところを言葉で言うと、testがtruelyならtrue、testがfalsyならfalseとなっており、まさに不必要なboolリテラルが使われています。

Comments

[souta-haruran]

ご回答ありがとうございました。
二重否定ですね。
ご回答いただいた内容を見て理解を深められた気がします。

Answer 4

const test = true;
const obj = {
  objA: test===true;
};

でよいのでは？

Comments

[maisumakun]

これだと、truthyだけどtrueでないものについて、意図せずfalseとなってしまうかと思います。

[yambejp]

むしろtrueと完全一致しないものはfalseでよいのかという趣旨です
まぁ三項演算子と完全におなじロジックにはなっていませんけどね
どちらかというとどうやってfalseを返すかというところだけ
注目した回答です

[souta-haruran]

ご回答ありがとうござます。
内容理解できました。
色々な角度から見ることができると学ばせていただきました。

Answer 5

これでいいのでは。

const test = true;
const obj = {
  objA: test
};

Comments

[退会済みユーザー]

bool値に変換しないとまずいのでは

[souta-haruran]

ご回答ありがとうございます。
例えがよくなかったですが、testの部分は動的に変わるようになってまして、Truthyの場合、Falsyの場合がありまして...それによって、objAにtrueなのかfalseなのかを入れたい。という目的でした。

[kei344]

To: magendaさん
これだけの場合は問題ないかと。

[kei344]

To: magendaさん
要件が後から出てきたので、指摘 通り問題ですね。

[退会済みユーザー]

kei344さん>
たしかにそうだ（はやとちり）。
質問者の手元のコードだと色々入ってくるって思い込みすぎてた orz

追記: と思ったら案の定色々入ってくるやつだった orz

[souta-haruran]

ご回答ありがとうございました。
要件がきちんと伝えられるような文面ではなく失礼しました。