ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の isNaN 関数: 数値以外の値をチェックする

JavaScript の isNaN 関数: 数値以外の値をチェックする

WBOY
リリース: 2023-11-18 15:10:33
オリジナル
664 人が閲覧しました

JavaScript の isNaN 関数: 数値以外の値をチェックする

JavaScript の isNaN 関数: 数値以外の値かどうかを確認します。特定のコード例が必要です。

JavaScript には、非常によく使用される関数 isNaN があります。 、値が数値ではないかどうかを確認するために使用されます。これは、開発者が入力が数値かどうかを判断したり、数値ロジックと非数値ロジックを処理したりするために使用する非常に便利なツールです。

isNaN 関数はパラメータを受け入れます。パラメータが数値以外の場合、関数は true を返し、パラメータが数値の場合は false を返します。以下は、isNaN 関数の使用法をより深く理解するのに役立ついくつかの具体的なコード例です。

  1. 入力が数字であるかどうかを確認する
let userInput = prompt("请输入一个数字:");
if (isNaN(userInput)) {
  console.log("输入的并不是一个数字!");
} else {
  console.log("输入的是一个数字。");
}
ログイン後にコピー

この例では、プロンプト関数を使用してユーザーに数字を入力させます。次に、isNaN 関数を使用して、ユーザーが入力した値が数値以外であるかどうかを確認します。 true を返す場合は、「入力は数値ではありません!」を出力し、false を返す場合は、「入力は数値です。」を出力します。

  1. 数値と非数値のロジックを処理するには、isNaN を使用します。 numbers
let num1 = 10;
let num2 = "20";
let result = num1 + num2;

if (isNaN(result)) {
  console.log("结果是非数字值!");
} else {
  console.log("结果是:" + result);
}
ログイン後にコピー

この例では、変数 num1 を定義し、値 10 を割り当てます。別の変数 num2 には文字列「20」が割り当てられます。次に、これら 2 つの変数を追加し、結果変数に割り当てます。次に、isNaN 関数を使用して、結果の値が数値でないかどうかを確認します。 true を返す場合は、「結果は数値以外です!」を出力し、false を返す場合は、「結果は次のとおりです:」と結果の値を出力します。

  1. ユーザー入力エラーの処理
let userInput = prompt("请输入一个数字:");
let num = parseInt(userInput);

if (isNaN(num)) {
  console.log("输入的并不是一个有效的数字!");
} else {
  console.log("输入的数字是:" + num);
}
ログイン後にコピー

この例では、parseInt 関数を使用して、ユーザーが入力した文字列を整数に変換します。次に、isNaN 関数を使用して、変換された値が数値でないかどうかを確認します。 true が返された場合は、「入力された数値は有効な数値ではありません!」が出力され、false が返された場合は、「入力された数値は:」に num の変換値を加えたものが出力されます。

概要
一般に、isNaN 関数は JavaScript の非常に実用的な関数で、値が非数値かどうかを確認するために使用されます。ユーザー入力、数値および非数値を処理するロジックを処理する場合に便利です。開発時に isNaN 関数を合理的に使用すると、さまざまな数値および非数値の状況を効果的に処理でき、コードの安定性と可読性が向上します。上記はいくつかの具体的なコード例です。isNaN 関数の使用法をよりよく理解するのに役立つことを願っています。

以上がJavaScript の isNaN 関数: 数値以外の値をチェックするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート