javascript正規表現で1000以下(小数含む)をマッチしたい

Question

javascript正規表現で1000以下(小数含む)をマッチしたいです。
どなたかご教授お願いします。

以下ソースは試したことになります。

// (OK)
const param1 = 1000;
const isChecked1 = param1.toString().match(/^(\d{1,3}|1{1}\d{3}|\d{1,3}.\d{1,4})$/);

// (NG) isChecked2をtrueにしたいが、.0000はOKとしたい
const param2 = 1000.0000;
const isChecked2 = param2.toString().match(/^(\d{1,3}|1{1}\d{3}|\d{1,3}.\d{1,4})$/);

Answer 1

まぁあまり実務的では無いですけどね

const reg=/^(([1-9]\d{1,2}|0)(.\d+)|1000)?$/;

const param1 = 1000;
const isChecked1 = reg.test(param1.toString());
console.log(isChecked1);

const param2 = 1000.0001;
const isChecked2 = reg.test(param2.toString());
console.log(isChecked2);
     
const param3 = 999.999;
const isChecked3 = reg.test(param3.toString());
console.log(isChecked3);

Comments

[退会済みユーザー]

コメントありがとうございます。
いい感じの正規表現でしたが、1000.0000の場合、判定できないみたいです。

1000.0000の判定自体が実務的でないかもしれません。

[yambejp]

？？
1000.0000ってtoString()すると1000じゃないですか？

[退会済みユーザー]

toString()が使えるのを忘れていました。
ありがとうございます！

[yambejp]

「実務的では無い」と書いた理由は、そもそもが元は数値なんだから
n<=1000という判定で十分ということ。
数値を文字列にキャストして正規表現にする場合は数値は数値として
一度評価されるべきです。

そういう意味で、
const param1 = 1e3;
としてもtrueになります

[think49]

> const reg=/^(([1-9]\d{1,2}|0)(.\d+)|1000)?$/;

「1.1」「99」にマッチせず、空文字にマッチする正規表現になっていませんか。

[yambejp]

あ、しまった
const reg=/^(([1-9]\d{0,2}|0)(.\d+)?|1000)$/;

[think49]

ですね。
後は空文字に非マッチ、整数にマッチさせれば良いと思います。

[think49]

「1000以下(小数含む)」が条件なら、負の数(整数&小数)も含まれるかもしれませんが…。

[yambejp]

そう言われてみれば、たしかに・・・

[退会済みユーザー]

ご返信遅くなり申し訳ありません。

yambejpさんの　const reg=/^(([1-9]\d{0,2}|0)(.\d+)?|1000)$/;　がベストアンサーですね、ありがとうございます。

^(\d{1,3}|1000|\d{1,3}.\d*|1000.0*)$　にしようかと思ってましたが、

^(([1-9]\d{0,2}|0)(.\d+)?|1000)$　のほうがよくまとまっていますね！

[退会済みユーザー]

自作Validationを作成していたのですが、
toString()を使用しましたがうまくいかなかったので、一度Number()をすることにしました。

ただし、1000.00だったら1000に変える処理をしてから実行したほうが良いかもしれません。

// 実際に作成したコード
if (param != null) {
const isChecked = param.match(/\d*/);

if (!isChecked) {
errorMessages.push("数字で入力してください。");
return;
}

const number = Number(param);

// 100以下 or 小数点 or 1000以下
const isChecked2 = number.match(/^(([1-9]\d{0,2}|0)(.\d+)?|1000)$/);

if (!isChecked2) {
errorMessages.push("数字は1000以内で入力してください。");
}
}

[yambejp]

validationというからにはparamはユーザーの入力を
チェックしようとしていますか？
途中で補足したとおり数値の判断は不等号で十分です

<input type="text">
<script>
document.querySelector('input').addEventListener('input',e=>{
const v=e.target.value;
const flg=!isNaN(v) && v<=1000;
console.log(flg);
});
</script>

[退会済みユーザー]

isNaNで判定する方法もあるのですね、不等号で十分という点についても
気付かなかったので試してみたいと思います。

そもそも、数値の判定に正規表現がいらないんですね

if (param != null) {
if (isNaN(param) || param > 1000) {
errorMessages.push("数字は1000以内で入力してください。");
}
}

データ型の関係で動かない場合はあるかもしれません。

yambejpさんの回答がやっと理解できました。
ありがとうございます。

Answer 2

最終的に解決した方法。自作validationの数値のチェックに正規表現を使わないようにした。

必須チェックは別にしているので、if (param != null) でnullを無視してます。

if (param != null) {
    if (isNaN(param) || param > 1000) {
        errorMessages.push("数字は1000以内で入力してください。");
    }
}

Comments

[think49]

> 教えて頂いた方法を参考に　^(\d{1,3}|1000|\d{1,3}.\d*|1000.0*)$ にて対応しました。

「001」「1000.」が許容範囲なら、「00000001」「01000」「.1」値も許容範囲でいいような。
負の数は範囲外なんですね。

[退会済みユーザー]

コメントありがとうございます。
負数を範囲外ということを記載していなくすみません。