JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで現在の数値の文字列値を返す方法（toLocaleStringメソッドの使い方）

toLocaleString() メソッドは、現在の数値を文字列値に変換して返します。返される文字列の書式は、ブラウザや実行環境のロケール（地域・言語）設定に応じて変化するのが特徴です。たとえば、桁区切りのカンマや小数点の表記が、ユーザーの環境ごとに自動的に調整されます。

基本構文

num.toLocaleString([locales[, options]])
  • locales：言語コード（例：'ja-JP'、'en-US'）を指定できます。省略した場合は実行環境のデフォルト設定が使われます。
  • options：通貨表示や小数点以下の桁数など、書式を細かく制御するオプションを指定できます。

使用例

以下のコードを実行すると、数値 150.1234 がロケールに応じた書式の文字列として出力されます。

<html>
   <head>
      <title>JavaScript toLocaleString() メソッド</title>
   </head>

   <body>
      <script>
         var num = new Number(150.1234);
         document.write(num.toLocaleString());
      </script>
   </body>
</html>

実行結果

日本語（ja-JP）の環境では、次のように出力されます。

150.123

なお、デフォルトでは小数点以下は最大3桁まで表示されるため、元の 150.1234 の末尾の「4」は丸められています。

オプションを指定した応用例

第2引数にオプションを渡すことで、通貨形式などの柔軟な表示も可能です。

var num = new Number(150.1234);
console.log(num.toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' }));
// 結果：￥150

このように toLocaleString() を活用すれば、国際化対応のアプリケーションでも、ユーザーの地域設定に合わせた自然な数値表示を簡単に実現できます。

  1. JavaScriptでjoin()を使って文字列を繰り返し連結する方法

    JavaScriptで文字列を繰り返し連結する基本 JavaScriptで同じ文字列を複数回連結したい場合、join()メソッドを利用するのが定番のテクニックです。配列の要素数を工夫することで、文字列を「要素数 − 1」回だけ繰り返して連結できます。 join()の仕組み join()は、配列の各要素を区切り文字（セパレーター）でつなげて1つの文字列に変換するメソッドです。空の配列に対して区切り文字として目的の文字列を指定すると、隣り合う要素同士の間にその文字列が挿入されます。この性質を利用すると、次のような結果が得られます。 new Array(count + 1).join(John)

  2. C#で文字や文字列を指定した回数だけ繰り返す3つの方法

    C#では、特定の文字や文字列を指定した回数だけ繰り返した新しい文字列を作成したい場面がよくあります。本記事では、代表的な3つの実装方法をサンプルコードと出力結果とともに解説します。stringコンストラクタ（new string(charToRepeat, 5)）で文字「!」を5回繰り返すstring.Concat(Enumerable.Repeat(...)) で文字を指定回数繰り返すStringBuilder を使ってループで文字列を連結する1. stringコンストラクタを使用する方法string クラスには、同じ文字を指定回数繰り返した文字列を生成できるコンストラクタが用意されています