JavaScriptで複数ある値の中から特定の値が含まれているか判別したい

Question

実現したいこと

JavaScriptで複数ある値（該当ソースのsampleCode）の中から「02、03、04、05、32、33、34、35」のいずれかが含まれている場合は「テストAです」を返し、さらに「02、03、04、05」のいずれかが含まれている場合は「テストBです」も返し、「32、33、34、35」のいずれかが含まれている場合は「テストCです」を返したいです。

つまりsampleCodeが["03","04","32"]の場合は「テストAです」と「テストBです」と「テストCです」それぞれ1度だけ返されるようにしたいです。

発生している問題・分からないこと

判定はできたのですが、その結果が複数返ってしまいます。
該当のソースで言うと、「テストAです」が3回、「テストBです」が2回、「テストCです」が1回返ってきている状態です…。

該当のソースコード

<script type="module">
	const sampleCode = ["03","04","32"];
	sampleCode.filter(function(value) {
		if (value == '02' || value == '03' || value == '04' || value == '05' || value == '32' || value == '33' || value == '34' || value == '35') {
			console.log('テストAです')
		}
		if (value == '02' || value == '03' || value == '04' || value == '05') {
			console.log('テストBです')
		}
		if (value == '32' || value == '33' || value == '34' || value == '35') {
			console.log('テストCです')
		}
	})
</script>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

filter以外にindexOf、includes、search、test、matchなどのメソッドでテストしてみたりしましたがうまくいきませんでした。

補足

特になし

Answer 1

どういうロジックで１回ずつ表示したいのかわかりません
とりあえずこんな感じ

const sampleCode = ["03","04","32"];
if(['02','03','04','05','32','33','34','35'].some((v)=>sampleCode.includes(v))){
  console.log('テストAです');
}
if(['02','03','04','05'].some((v)=>sampleCode.includes(v))){
  console.log('テストBです');
}
if([,'32','33','34','35'].some((v)=>sampleCode.includes(v))){
  console.log('テストCです');
}

Comments

[aDGDy02001]

回答ありがとうございます！こちらでうまく理想形に返すことができました！

Answer 2

filter以外にindexOf、includes、search、test、matchなどのメソッドでテストしてみたりしましたがうまくいきませんでした。

ループの中に書けば、そのたびごとに値を出力してしまいます。チェックした結果を変数に記録して、配列を回しきってから出力してはどうでしょうか。

Comments

[aDGDy02001]

すみません、配列を回しきるとはどういうことでしょうか？

[maisumakun]

ループの中で出力を行わず、ループが終わってから結果を見る、という意味です。

Answer 3

次の様な感じでしょうか？

const sampleCode = new Set(["03", "04", "32"]);
const testA = new Set(['02','03','04', '05','32','33','34','35']);
const testB = new Set(['02', '03', '04', '05']);
const testC = new Set(['32','33', '34', '35']);
if (testA.intersection(sampleCode).size) {
  console.log('テストAです');
}
if (testB.intersection(sampleCode).size) {
  console.log('テストBです');
}
if (testC.intersection(sampleCode).size) {
  console.log('テストCです');
}

仕様については次を参照
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/intersection

対応状況は次のものを参照
https://caniuse.com/mdn-javascript_builtins_set_intersection

もしもそういう関数が欲しいとかであるならば次の様に書いてもいいかもしれません

const sampleCode = ["03", "04", "32"];
function makeResults(settings) {
  return function * (codes) {
    const codes_ = new Set(codes);
    for(const [set, result] of settings) {
      if (set.intersection(codes_).size)
        yield result;
    }
  }
}
const getResults = makeResults([
  [new Set(['02', '03', '04', '05', '32', '33', '34', '35']), 'テストAです'],
  [new Set(['02', '03', '04', '05']), 'テストBです'],
  [new Set(['32', '33', '34', '35']), 'テストCです'],
]);

for (const result of getResults(sampleCode))
{
  console.log(result);
}

Comments

[aDGDy02001]

ありがとうございます。回答いただいたどちらとも試してみたのですが、なぜかログに何も返ってきませんでした…。

Answer 4

この処理であれば集合にしてしまっても問題なさそうなので、こうするとどうでしょうか。

  const sampleCode = ["03","04","32"];
  const sampleSet = new Set(sampleCode);
  if (sampleSet.intersection(new Set(["02","03","04","05","32","33","34","35"])).size) console.log('テストAです')
  if (sampleSet.intersection(new Set(["02","03","04","05"])).size) console.log('テストBです')
  if (sampleSet.intersection(new Set(["32","33","34","35"])).size) console.log('テストCです')

Comments

[aDGDy02001]

回答ありがとうございます。
そのまま試してみたのですが、下記のようなエラーが出てしまいました。
TypeError: sampleSet.intersection is not a function. (In 'sampleSet.intersection(new Set(["02","03","04","05","32","33","34","35"]))', 'sampleSet.intersection' is undefined)

[Lhankor_Mhy]

そうなんですね。
そのエラーメッセージが出るのであれば、ブラウザを最新版に更新した方がいいかもしれないですね。

[aDGDy02001]

別のブラウザでチェックしたところエラーが出ずにうまくいっていました！

Answer 5

※ 削除​​​
​​