JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方

プログラミング

JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方 メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。

JavaScriptのNumberオブジェクトとは?

JavaScriptのNumber オブジェクトは、整数または浮動小数点数といった数値の日付を表します。
ブラウザでは、数値リテラルを自動的に数値クラスのインスタンスに変換するので、Numberオブジェクトについて心配する必要はありません。

それでは、次に本題の説明に移ります。

JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方 概要

NumberオブジェクトのtoLocaleString()メソッドは、数値を特定のロケール(地域)のフォーマットで文字列に変換するために使用されます。

構文、使い方

構文:
Number.prototype.toLocaleString([locales [, options]])

使い方:
NumberオブジェクトのtoLocaleString()メソッドは、指定したロケールに基づいて、Numberオブジェクトの値を文字列に変換します。

localesパラメータは、使用するロケールを指定する文字列の配列です。

optionsパラメータは、文字列のフォーマットを指定するオプションオブジェクトです。

引数について

toLocaleString() メソッドの引数は、オプションのロケール設定を指定するために使用されます。

返り値について

NumberオブジェクトのtoLocaleString() メソッドは、数値をローカライズされた文字列に変換します。

返り値は、指定された地域のフォーマットに従った文字列です。

このメソッドを利用した便利なテクニック

NumberオブジェクトのtoLocaleString()メソッドを使うと、数値を特定のロケール(地域)の表記に変換することができます。

例えば、次のコードを実行すると、数値をドイツのロケールの表記に変換します。

現場で実際にどのように使われているか

NumberオブジェクトのtoLocaleString() メソッドは、数値をローカライズされた文字列に変換するために使用されます。

例えば、12345を日本語の表記に変換するには、次のようにします。

JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方 と一緒によく使われる処理

NumberオブジェクトのtoLocaleString()メソッドは、数値を特定のロケールに従ってフォーマットした文字列に変換するために使用されます。

これは、数値を特定の国の言語や文化に適した形式で表示するために使用されます。

使用する上での注意点

・toLocaleString() メソッドは、指定されたロケールで数値を文字列に変換するために使用されます。
・toLocaleString() メソッドは、ロケールを指定しない場合、ブラウザの設定に基づいてロケールが適用されます。
・toLocaleString() メソッドは、指定したロケールがサポートされていない場合、デフォルトのロケールが使用されます。

JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方 と似た処理のJSメソッド、違い

toString() メソッドと似ていますが、下記の違いがあります。

  • toString() メソッドは、数値を文字列に変換するために使用されます。
  • toLocaleString() メソッドは、地域特有のフォーマットで数値を文字列に変換するために使用されます。

JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方 を使ったサンプルコードの紹介

Numberオブジェクト toLocaleString() メソッドの使い方

 

12,345.67

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オブジェクトのtoLocaleStringメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。

Number.prototype.toLocaleString() - JavaScript | MDN
toLocaleString() メソッドは、この数値を表す言語依存の文字列を返します。 Intl.NumberFormat API に対応している実装においては、このメソッドは単に Intl.NumberFormat を呼び出します。
タイトルとURLをコピーしました