More than 5 years have passed since last update.

JavaScriptで「条件のどれかに一致」を（少しでも）簡単に書きたい

Last updated at 2019-02-03Posted at 2019-02-03

#始めに
分岐の条件がいつの間にか増えていき、最終的に書いた本人がしんどくなる事がありました。
そういうコードは、コメントを残してもつらいです。
また保守もしんどくなります。

今回直したのはこんな条件です。

##before

// xが判定したいもの
if(x==='hoge' || x==='huga' || x==='piyo'){
  statement
}

・・・最初は1つでしたが、どんどん増えてこうなりました。

##after

const conds = ['hoge', 'huga', 'piyo'];
if(conds.includes(x)){
  statement1
}else{
  statement2
}

使用しているメソッド

Array.prototype.includes()
これは、配列に特定の要素が含まれているかを true または false で返します

// 例
['condition-1', 'condition-2', 'condition-3'].includes('比較対象');

// 返り値はboolean

見通しが良くなったのと、後の保守が楽になりそうです。
もちろん条件次第で使えない場合があるので、そこは臨機応変に使い分けたいと思います。