JavaScriptのGlobalオブジェクト isNaN() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト isNaN() メソッドの使い方概要
isNaN() メソッドは、引数がNaNかどうかを判定するために使用されます。
戻り値はtrueまたはfalseです。
構文、使い方
構文：isNaN(value)
使い方：引数に渡した値がNaNかどうかを判定し、結果をtrueまたはfalseで返す。
引数について
引数には、数値でない値を渡します。
返り値について
isNaN() メソッドは、引数が数値でない場合に true を、数値である場合に false を返します。
このメソッドを利用した便利なテクニック
isNaN() メソッドを使うと、数値でない値を検出できます。
例えば、文字列を数値に変換する前に、isNaN() メソッドを使って、文字列が数値であるかどうかをチェックすることができます。
現場で実際にどのように使われているか
isNaN() メソッドは、引数の値が数値であるかどうかを判定するために使用されます。
例えば、入力された値が数値であるかどうかを確認する場合などに使用されます。例：
|
1 2 3 |
if (isNaN(userInput)) { alert('Please enter a valid number'); } |
JavaScriptのGlobalオブジェクト isNaN() メソッドの使い方と一緒によく使われる処理
isNaN()メソッドは、引数がNaN（Not a Number）であるかどうかを判定するために使用されます。
そのため、isNaN()メソッドを使用するときには、引数の型をチェックする必要があります。
そのため、isNaN()メソッドと一緒によく使われる処理は、引数の型をチェックする処理です。
使用する上での注意点
isNaN() メソッドは、引数が数値であるかどうかを判断するために使用しますが、文字列やオブジェクトを渡すと正しい結果を返しません。
JavaScriptのGlobalオブジェクト isNaN() メソッドの使い方と似た処理のJSメソッド、違い
Number.isNaN() メソッドと似ていますが、下記の違いがあります。
Number.isNaN() メソッドは、isNaN() メソッドと同じように、数値がNaNかどうかを判定しますが、引数が数値でない場合にfalseを返します。
JavaScriptのGlobalオブジェクト isNaN() メソッドの使い方を使ったサンプルコードの紹介
isNaN()メソッドの使い方サンプル1
|
1 2 |
// 数値が入力された場合 console.log(isNaN(5)); |
isNaN()メソッドの使い方サンプル2
|
1 2 |
// 文字列が入力された場合 console.log(isNaN(""Hello"")); |
JavaScript Globalオブジェクトの他メソッドについて
JavaScriptのGlobalオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| decodeURI() | URIを解読します | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| decodeURI Component() |
URIコンポーネントをデコードします | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| encodeURI() | URIをエンコードします | JavaScriptのGlobalオブジェクト encodeURIメソッドの使い方 |
| encodeURI Component() |
URIコンポーネントをエンコードします | JavaScriptのGlobalオブジェクト encodeURIcomponentメソッドの使い方 |
| escape() | 非推奨。代わりに使用： encodeuri（） encodeuricomponent（） |
JavaScriptのGlobalオブジェクト escapeメソッドの使い方 |
| eval() | 文字列を評価し、スクリプトコードのように実行する | JavaScriptのGlobalオブジェクト evalメソッドの使い方 |
| isFinite() | 値が有限の法的番号であるかどうかを判断します | JavaScriptのGlobalオブジェクト isFiniteメソッドの使い方 |
| isNaN() | 値が違法な数であるかどうかを決定します | JavaScriptのGlobalオブジェクト isNaNメソッドの使い方 |
| Number() | オブジェクトの値を数値に変換します | JavaScriptのGlobalオブジェクト Numberメソッドの使い方 |
| parseFloat() | 文字列を解析し、フローティングポイント番号を返します | JavaScriptのGlobalオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析し、整数を返します | JavaScriptのGlobalオブジェクト parseIntメソッドの使い方 |
| String() | オブジェクトの値を文字列に変換します | JavaScriptのGlobalオブジェクト Stringメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているGlobalオブジェクトのisNaNメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
