JavaScript: `hoge === piyo || hoge === fuga` をもっと簡潔に書く方法はあるか

Question

基本的なことです。

しばし試してみたのですが、思いつかず。

hogeがpiyoまたはfugaの場合にはhogeを、そうでない場合にはnullを代入したいです。

const value = hoge === piyo || hoge === fuga ? hoge : null;

これを、もう少し簡潔に書きたいです。
具体的には、hoge === の重複を無くしたいです。

イメージとしては、const value = hoge === (piyo || fuga) ? hoge : null;このような感じですが、これではもちろん上手くいきません。

もし何か良い書き方をご存知でしたら、教えてください。
そんなものは存在しない場合も、その旨を教えていただけると助かります。

よろしくお願いします。

Answer 1

シンプルかどうかは微妙ですが、hogeを1度で済ませる方法はあります。

// IE11などではPolyfillが必要
const value = [piyo, fuga].includes(hoge) ? hoge : null;

// Polyfill不要
const value = ~[piyo, fuga].indexOf(hoge) ? hoge : null;

Comments

[dwayne_johnson]

なるほどという感じで、勉強になりました。
ありがとうございました。

[maisumakun]

細かいことですが、NaNや+0と-0の違いといった特殊な数値を考慮する場合、コードの書き方によって結果が異なってくることがありえますので、注意が必要です。

Answer 2

良いかどうかはわかりませんが。

// piyo等がテキストor数値の場合
const value = [ piyo, fuga ].includes( hoge ) ? hoge : null;

【Array.prototype.includes() | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

Comments

[dwayne_johnson]

勉強になりました。
ありがとうございました。

Answer 3

一度配列にしてからArray.prototype.includesすれば一撃だし、
アロー関数とArray.prototype.findの併用でやってもいい

// ----- includes -----
var hoge = 123, piyo = 123, fuga = 123;
[piyo, fuga].includes(hoge) ? hoge : null;
// 123

// ----- find -----
var hoge = 123, piyo = 123, fuga = 123;
[piyo, fuga].find(it => it === hoge) || null;
// 123

hoge = 123, piyo = 123, fuga = 234;
[piyo, fuga].find(it => it === hoge) || null;
// 123

hoge = 123, piyo = 234, fuga = 123;
[piyo, fuga].find(it => it === hoge) || null;
// 123

hoge = 123, piyo = 234, fuga = 345;
[piyo, fuga].find(it => it === hoge) || null;
// null