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

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

JavaScriptのNumberオブジェクトとは？
JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方概要
JavaScriptのNumberオブジェクト toLocaleString() メソッドの使い方を使ったサンプルコードの紹介
1. Numberオブジェクト toLocaleString() メソッドの使い方
JavaScript Numberオブジェクトの他メソッドについて

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()メソッドを使うと、数値を特定のロケール（地域）の表記に変換することができます。

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

var num = 123456.789;
var result = num.toLocaleString('de-DE');
console.log(result); // 123.456,789

var num = 123456.789;

var result = num.toLocaleString('de-DE');

console.log(result); // 123.456,789

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

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

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

let number = 12345;
let localizedNumber = number.toLocaleString('ja-JP');
console.log(localizedNumber); // 12,345

let number = 12345;

let localizedNumber = number.toLocaleString('ja-JP');

console.log(localizedNumber); // 12,345

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

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

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

使用する上での注意点

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

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

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

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

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

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

// 数値を指定
let num = 12345.67;

// toLocaleString() メソッドを使用して、ロケールを指定して数値を表示
let localeNum = num.toLocaleString('ja-JP');

// 結果を表示
console.log(localeNum);

// 数値を指定

let num = 12345.67;

// toLocaleString() メソッドを使用して、ロケールを指定して数値を表示

let localeNum = num.toLocaleString('ja-JP');

// 結果を表示

console.log(localeNum);

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メソッドの使い方