【JavaScript】「いずれかの値に一致」をシンプルに書きたい

ウェブ制作ノウハウ

2025.04.022025.04.07

この記事は約2分で読めます。

記事内に広告が含まれています

こんにちは、さちです。

JavaScript で「いずれかの値に一致」するかを調べたいとき、「値」の数が多いと === を使った書き方は冗長に感じます。

シンプルで簡略な書き方を勉強してみます。

「===」は冗長に感じる
「includes」でシンプルに！
- 動作の仕組み
- 各ブラウザーの対応

「===」は冗長に感じる

function getBool(member) {
  let bool = (member === 'kozue' || member === 'kaho' || member === 'ginko');
  return bool;
}

console.log( getBool('kozue') ); // true
console.log( getBool('megumi') );// false

「値」が一致しているかの判別には === を使う方法が一般的です。

ただ、上記の例のように、判別したい「値」の数だけ member も書かないといけません。記述は分かりやすいですが、長くなってしまうのが難点……。

もっとシンプルに書きたいです。

「includes」でシンプルに！

function getBool(member) {
  let bool = ['kozue', 'kaho', 'ginko'].includes(member);
  return bool;
}

console.log( getBool('kozue') ); // true
console.log( getBool('megumi') );// false

この方法なら member は一度書くだけ。見た目もシンプル。

includes() は「含む」という意味なので、何をしているのかも分かりやすいです。