JavaScriptのNumberオブジェクト toString() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのNumberオブジェクトとは？
JavaScriptのNumber オブジェクトは、整数または浮動小数点数といった数値の日付を表します。
ブラウザでは、数値リテラルを自動的に数値クラスのインスタンスに変換するので、Numberオブジェクトについて心配する必要はありません。
それでは、次に本題の説明に移ります。
JavaScriptのNumberオブジェクト toString() メソッドの使い方概要
NumberオブジェクトのtoString()メソッドは、数値を文字列に変換するために使用されます。
引数として、文字列に変換するための任意の2進数、8進数、10進数、16進数を指定することができます。
構文、使い方
構文:
NumberObject.toString(radix)
使い方:
NumberObjectには、変換したい数値を指定します。radixには、変換したい基数を指定します。指定しない場合は、10進数として扱われます。
引数について
引数には、表示したい数値を表す10進数の桁数を指定します。
返り値について
NumberオブジェクトのtoString()メソッドは、数値を文字列に変換します。
返り値は、指定された数値を文字列として表したものです。
このメソッドを利用した便利なテクニック
NumberオブジェクトのtoString()メソッドを使うと、数値を文字列に変換することができます。
例えば、次のように使えます。
|
1 2 3 4 |
// 数値を文字列に変換 let num = 123; let str = num.toString(); console.log(str); // ""123"" |
現場で実際にどのように使われているか
NumberオブジェクトのtoString()メソッドは、数値を文字列に変換するために使用されます。
例えば、以下のコードは、数値の123を文字列の””123″”に変換します。
|
1 2 |
let num = 123; let str = num.toString(); |
JavaScriptのNumberオブジェクト toString() メソッドの使い方と一緒によく使われる処理
NumberオブジェクトのtoString()メソッドは、数値を文字列に変換するために使用されます。
そのため、文字列操作を行う処理と一緒によく使われます。
使用する上での注意点
– toString() メソッドは、数値を文字列に変換するために使用します。
– 数値を指定した基数に変換する場合は、toString() メソッドの第1引数に基数を指定します。
– 基数は2から36までの整数を指定します。
– 指定した基数が無効な場合、toString() メソッドはエラーを返します。
JavaScriptのNumberオブジェクト toString() メソッドの使い方と似た処理のJSメソッド、違い
toLocaleString() メソッドと似ていますが、下記の違いがあります。
- toString() メソッドは数値を文字列に変換します
- toLocaleString() メソッドは、数値をローカライズされた文字列に変換します
JavaScriptのNumberオブジェクト toString() メソッドの使い方を使ったサンプルコードの紹介
Numberオブジェクト toString() メソッドの使い方
|
1 2 3 4 |
// 数値を文字列に変換 var num = 123; console.log(num.toString()); [/simterm][simterm]123[/simterm] |
// 10進数以外の文字列に変換
var num = 123;
console.log(num.toString(2));
[/simterm]
// 指定した桁数になるように文字列に変換
var num = 123;
console.log(num.toString(2).padStart(8, ‘0’));
[/simterm]
JavaScript Numberオブジェクトの他メソッドについて
JavaScriptのNumberオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| isFinite() | 値が有限数かどうかを確認します | JavaScriptのNumberオブジェクト isfiniteメソッドの使い方 |
| isInteger() | 値が整数であるかどうかを確認します | JavaScriptのisIntegerオブジェクト isIntegerメソッドの使い方 |
| isNaN() | 値がnumber.nanであるかどうかを確認します | JavaScriptのNumberオブジェクト isNaNメソッドの使い方 |
| isSafeInteger() | 値が安全な整数であるかどうかを確認します | JavaScriptのNumberオブジェクト isSafeIntegerメソッドの使い方 |
| parseFloat() | 文字列を解析しますanは番号を返します | JavaScriptのNumberオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析すると、整数が返されます | JavaScriptのNumberオブジェクト parseIntメソッドの使い方 |
| toExponential(x) | 数値を指数表記に変換します | JavaScriptのNumberオブジェクト toExponentialメソッドの使い方 |
| toFixed(x) | 小数点以降にx数の数字で数字をフォーマットします | JavaScriptのNumberオブジェクト toFixedメソッドの使い方 |
| toLocaleString() | ロケール設定に基づいて、数値を文字列に変換します | JavaScriptのNumberオブジェクト toLocaleStringメソッドの使い方 |
| toPrecision(x) | 数字をxの長さをフォーマットします | JavaScriptのNumberオブジェクト toPrecisionメソッドの使い方 |
| toString() | 数字を文字列に変換します | JavaScriptのNumberオブジェクト toStringメソッドの使い方 |
| valueOf() | 数のプリミティブ値を返します | JavaScriptのNumberオブジェクト valueofメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているNumberオブジェクトのtoStringメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
