JavaScriptのGlobalオブジェクト Number() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト Number() メソッドの使い方概要
Number() メソッドは、文字列や数値を数値に変換するために使用されます。
構文、使い方
構文：Number(value)
使い方：引数に渡された値を数値に変換して返します。
引数について
Number()メソッドは、文字列を数値に変換するために使用されます。
引数として、変換したい文字列を渡します。
返り値について
Number() メソッドは、文字列を数値に変換して返します。
このメソッドを利用した便利なテクニック
Number() メソッドを使うと、文字列を数値に変換することができます。
例えば、文字列の「123」を数値の123に変換するには、Number(“”123″”)と書くことで変換できます。
このテクニックを使うと、文字列を数値に変換して計算などを行うことができます。
現場で実際にどのように使われているか
Number() メソッドは、文字列や数値を数値に変換するために使用されます。
例えば、文字列 “”123″” を数値 123 に変換するために、Number(“”123″”) というコードを使用します。
JavaScriptのGlobalオブジェクト Number() メソッドの使い方と一緒によく使われる処理
Number()メソッドは、文字列を数値に変換するためによく使われます。
なぜなら、文字列を数値に変換する必要がある場合、Number()メソッドを使用することで、簡単に変換できるからです。
使用する上での注意点
Number() メソッドを使用する際には、文字列を数値に変換する場合はparseInt()またはparseFloat()を使用するほうが安全です。
また、Number() メソッドはNaNを返す可能性があるため、isNaN()を使用して結果をチェックする必要があります。
JavaScriptのGlobalオブジェクト Number() メソッドの使い方と似た処理のJSメソッド、違い
parseInt() メソッドと似ていますが、下記の違いがあります。
- Number() メソッドは文字列を数値に変換します
- parseInt() メソッドは文字列を整数に変換します
JavaScriptのGlobalオブジェクト Number() メソッドの使い方を使ったサンプルコードの紹介
Number()メソッドを使ったサンプルコード1
|
1 2 3 4 |
// 文字列を数値に変換 var str = '123'; var num = Number(str); console.log(num); |
Number()メソッドを使ったサンプルコード2
|
1 2 3 4 |
// 数値を文字列に変換 var num2 = 456; var str2 = Number(num2); console.log(str2); |
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オブジェクトのnumberメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
