取得した値を配列に格納して正規表現

Question

前提・実現したいこと

ユーザーが入力した値をまとめて取得して配列に格納、そして配列の値を正規表現したいのですがうまくいきません。

入力する値は0から5の半角数字で考えています。

私がやりたいことを実現するにはどこが間違っていてどうすればいいのか教えてほしいです。

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

Uncaught TypeError: int_test_array[0].match is not a function

該当のソースコード

<input type="text" id="number1" value="" onclick="validate_check()">
<input type="text" id="number2" value="" onclick="validate_check()">


for ( var i = 1; i <= 2 ; i++ ) {
   var test_array.push(document.getElementById('number' + i).value);
}

//文字列だったので数値に変換
var int_test_array = test_array.map(function (element) { return Number(element);});

//ここで上記のエラーが出ます
if(int_test_array[0].match(/^[0-5]{1}$/) && ...

試したこと

1つめのinputに半角数字で1を入力し、console.log(int_test_array[0])を出力すると数値の1が出てきます。

int_test_array[0]の部分を、数値の1を入力した変数にすると正規表現が機能します。

Comments

[hoshi-takanori]

正規表現は文字列に対して使うものですが、すでに数値に変換済みだからでしょうね…。

Answer 1

<input type="text" class="number" value="">
<input type="text" class="number" value="">

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('.number').forEach(x=>{
    x.addEventListener('input',()=>{
      const int_test_array=[
        ...document.querySelectorAll('.number')
        ].map(x=>x.value);
      const flg=
        /^[0-5]$/.test(int_test_array[0]) &&
        /^[0-5]$/.test(int_test_array[1]);
      console.log(flg);
    });
  })
});
</script>

Answer 2

var int_test_array = [];
for ( var i = 1; i <= 2 ; i++ ) {
   int_test_array.push(Number(document.getElementById('number' + i).value));
}
//文字列だったので数値に変換
//var int_test_array = test_array.map(function (element) { return Number(element);});