javascript:filter関数で部分一致を取得する方法

Question

前提・実現したいこと

javascriptのネット演習問題を解いています。

発生している問題・エラーメッセージ

数値のみの配列の中から、特定の数値を含む要素をカウントしたいが、解決方法がわからない。

特定の数値＝xとする。
var number = [...Array(100)].map((_,i) => i);
var checkNumber = new RegExp("." + x, "g");
var checker = String(number).match(checkNumber);
console.log(checker.length);

matchが文字列のみを対象と知ったので文字列化することで一応の解決を見ましたが（それでも誤答扱いでした）、

知りたいこと

filterなどで数値として処理するにはどのようなfilter関数があるのでしょうか。
filter関数で●●以上など簡単な演算子は使えますが、部分一致検索がどうしても調べきれませんでした。
0~100の中で5を含む数値（5も65も53も含む）を探す、という演算式を教えて下さい。

Answer 1

特定の数値を含むという部分一致検索する以上、一旦文字列にするしかないのかなと思います。

var x = 5;
var number = [...Array(100)].map((_,i) => i);
var checker = number.filter((i)=> String(i).indexOf(x) >= 0);
console.log(checker.length);

Answer 2

たとえば、こんなので。

var numbers = [...Array(100)].map((_ ,i) => i);

var x = 5;
var numbersHavingX = numbers.filter(n => `${n}`.includes(`${x}`));

console.log(numbersHavingX); // => [5,15,25,35,45,50,51,52,53,54,55,56,57,58,59,65,75,85,95]
console.log(numbersHavingX.length); // => 19

???? サンプル

正規表現を使うのであれば

var x = 5;
var pattern = RegExp(`${x}`);
var numbersHavingX = numbers.filter(n => pattern.test(`${n}`));

???? サンプル

Comments

[Jorrvaskr_prg]

$で文字列化は盲点でした。
includesも真偽を返すだけだと思っていたのですが、filterをかませるとこのような動作を行えるのですね。
細かいところを少しずつ分解して理解してみます。
ありがとうございました。

[退会済みユーザー]

コメントありがとうございます。そうですね。分解して部品ごとに理解するのは自分のものにするのに
良い方法と思います。さらにはじめに与えられる数列を 0 以上 999 以下にして x を二桁の数にしてみる、
あるいは 0 以上 9999 以下にして x を二桁や三桁にする・・・
などをやってみるのも面白いかもしれません。