JavaScriptは数値範囲を設定します

JavaScript は人気のあるスクリプト言語であり、Web サイトやアプリケーションの開発に必要なスキルとなっています。その中でも数値範囲の設定は開発プロセスにおいて非常に重要な部分であり、この記事ではJavaScriptで数値範囲を設定する方法について説明します。

JavaScript には、数値範囲を簡単に定義および制限するためのメソッドが用意されています。一般的に使用されるいくつかのメソッドを次に示します。

1. Math.max() および Math.min()

Math.max() メソッドは、複数の値を比較するために使用できます。数値のサイズ、最大の数値が戻り値として使用されます。同様に、Math.min() メソッドを使用して複数の数値の大きさを比較することができ、最小の数値が戻り値として使用されます。

例:

Math.max(5,10,20);
// 返回值为20

Math.min(5,10,20);
// 返回值为5

日常の開発では、これら 2 つの方法を使用して数値範囲を制限できます。たとえば、数値が 0 より小さくないことを確認したい場合は、次のように記述できます。

let num = Math.max(0, inputNum);
// 此处的inputNum为用户输入的数值

2. parseInt()

parseInt() メソッドは次のように変換できます。文字列を整数に変換します。解析が失敗した場合は、NaN (非数値) が返されます。

入力ボックスから値を取得する場合、通常は文字列を取得するため、parseInt() メソッドを使用してそれを整数に変換する必要があります。例:

let inputNumStr = document.getElementById("input").value;
let inputNum = parseInt(inputNumStr);

文字列を数値に解析できない場合は、NaN が返されることに注意してください。したがって、この状況を処理するには、エラー処理メカニズムを追加する必要があります。

if (isNaN(inputNum)) {
  console.error("输入值不合法");
}

3. isNaN()

isNaN() メソッドは、値が NaN かどうかを確認するために使用されます。 NaN の場合は true を返し、それ以外の場合は false を返します。

isNaN(NaN); //true
isNaN(123); //false

isNaN() メソッドを parseInt() メソッドと組み合わせて使用​​すると、入力ボックスから取得した値が数値であることを確認できます。

let inputNumStr = document.getElementById("input").value;
let inputNum = parseInt(inputNumStr);

if (isNaN(inputNum)) {
  console.error("输入值不合法");
}

4. Number.isNaN()

isNaN() メソッドと同様に、Number.isNaN() メソッドは値が NaN かどうかを確認するために使用されます。違いは、引数が NaN の場合にのみ true を返すことです。

Number.isNaN(NaN); //true
Number.isNaN(123); //false
Number.isNaN("123"); //false

使用する場合は、Number.isNaN() メソッドを使用するシナリオに注意する必要があります。値が数値かどうかを確認したい場合は、やはり isNaN() メソッドを使用する必要があります。

5. 数値比較

比較演算子 (f539a70d3ea090bac4faa80192f58ccc、c01ab7558a89e9d1f72129289fb27741=) を使用して数値範囲を制限することもできます。

たとえば、値 num が 0 ～ 100 であることを確認したい場合は、次のように記述できます。

if (num < 0) {
  num = 0;
} else if (num > 100) {
  num = 100;
}

この方法はより直感的ですが、さまざまな点を考慮する必要があります。状況と境界条件の変化、比較的エラーが発生しやすい。

要約すると、上記の 5 つの方法は、JavaScript で数値範囲を設定する一般的な方法です。コードを開発するときは、実際のニーズに応じて適切な方法を選択し、対応するエラー処理メカニズムを追加して、コードの正確さと信頼性を確保できます。

以上がJavaScriptは数値範囲を設定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。