Pure JavaScript に jQuery の isNumeric() の代替手段はありますか?

純粋な JavaScript での数値の決定: jQuery の isNumeric() の代替手段

jQuery ライブラリには、値が表しているかどうかを検証する便利な関数 isNumeric() が用意されています。数字。ただし、jQuery が使用できない状況では、純粋な JavaScript に代替手段があるかどうかを知ることが重要です。

数値のテストの課題

JavaScript では、値の型を決定することはできません。常に真っ直ぐ。 typeof 演算子を使用すると、値が数値であるかどうかの検証は、その typeof が「数値」であるかどうかをチェックするだけで実行できると直感的に考えるかもしれません。ただし、このアプローチには制限があります。

独自の isNumeric() 関数の作成

JavaScript には組み込みの isNumeric() 関数がないため、カスタム実装が必要になります。

実装:

<code class="javascript">function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}</code>

説明:

• parseFloat(): 入力を次のように変換しようとします。浮動小数点数。成功した場合は数値を返し、それ以外の場合は NaN (非数値) を返します。
• isNaN(): parseFloat() の結果が NaN であるかどうかを確認し、入力がは数値ではありません。
• isFinite(): 入力が有限数 (Infinity または -Infinity ではない) であることを検証します。

使用法:

<code class="javascript">const value = 10;
console.log(isNumeric(value)); // true</code>

重要な注意

数値検証には parseInt() を使用すべきではないことを強調しておきます。 parseInt() は、基数 (通常は 10) に基づいて文字列を強制的に整数に変換します。これにより、整数以外の入力に対しては誤った結果が生じる可能性があります。

以上がPure JavaScript に jQuery の isNumeric() の代替手段はありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。