diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-25 01:08:15 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-31 23:52:41 +0900 |
commit | 9b89a14666aa9a6770727ad8a2c198a10db4a7dd (patch) | |
tree | 7b70bff8f3af4ae3ca6a38abe9c4d221b37667df /files/ja | |
parent | f893c82acf3213515221cb0c113237ae165a0277 (diff) | |
download | translated-content-9b89a14666aa9a6770727ad8a2c198a10db4a7dd.tar.gz translated-content-9b89a14666aa9a6770727ad8a2c198a10db4a7dd.tar.bz2 translated-content-9b89a14666aa9a6770727ad8a2c198a10db4a7dd.zip |
Intl.NumberFormat.prototype.format() を移行
Diffstat (limited to 'files/ja')
-rw-r--r-- | files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.html | 87 | ||||
-rw-r--r-- | files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.md | 85 |
2 files changed, 85 insertions, 87 deletions
diff --git a/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.html b/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.html deleted file mode 100644 index 8811aad766..0000000000 --- a/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: Intl.NumberFormat.prototype.format() -slug: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format -tags: - - Internationalization - - Intl - - JavaScript - - Method - - NumberFormat - - Prototype - - メソッド - - 国際化 -translation_of: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format ---- -<div>{{JSRef}}</div> - -<p><strong><code>Intl.NumberFormat.prototype.format()</code></strong> メソッドは、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形します。</p> - -<div>{{EmbedInteractiveExample("pages/js/intl-numberformat-prototype-format.html", "taller")}}</div> - -<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><code><var>numberFormat</var>.format(<var>number</var>)</code></pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code>number</code></dt> - <dd>整形する {{jsxref("Number")}} または {{jsxref("BigInt")}} です。</dd> -</dl> - -<h2 id="Description" name="Description">解説</h2> - -<p><code>format</code> ゲッター関数は、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形し、文字列に格納します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Using_format" name="Using_format"><code>format</code> の使用</h3> - -<p><code>format</code> ゲッター関数を使用して単一の通貨値を整形しましょう。こちらはロシアの例です。</p> - -<pre class="brush: js">var options = { style: 'currency', currency: 'RUB' }; -var numberFormat = new Intl.NumberFormat('ru-RU', options); -console.log(numberFormat.format(654321.987)); -// → "654 321,99 руб." -</pre> - -<h3 id="Using_format_with_map" name="Using_format_with_map"><code>format</code> と <code>map</code> の使用</h3> - -<p><code>format</code> ゲッター関数を使用して、配列内のすべての数値を整形することができます。なお、この関数は供給元である {{jsxref("NumberFormat")}} に結び付けられているので、直接 {{jsxref("Array.prototype.map")}} に渡すことができます。</p> - -<pre class="brush: js">var a = [123456.789, 987654.321, 456789.123]; -var numberFormat = new Intl.NumberFormat('es-ES'); -var formatted = a.map(numberFormat.format); -console.log(formatted.join('; ')); -// → "123.456,789; 987.654,321; 456.789,123" -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ES Int Draft', '#sec-intl.numberformat.prototype.format', 'Intl.NumberFormat.prototype.format')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.Intl.NumberFormat.format")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("NumberFormat", "Intl.NumberFormat")}}</li> - <li>{{jsxref("Number.prototype.toLocaleString()")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.md b/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.md new file mode 100644 index 0000000000..c277a27eee --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.md @@ -0,0 +1,85 @@ +--- +title: Intl.NumberFormat.prototype.format() +slug: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format +tags: + - Internationalization + - Intl + - JavaScript + - メソッド + - NumberFormat + - プロトタイプ + - メソッド + - 国際化 +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format +--- +{{JSRef}} + +<strong>`Intl.NumberFormat.prototype.format()`</strong> メソッドは、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形します。 + +{{EmbedInteractiveExample("pages/js/intl-numberformat-prototype-format.html", "taller")}} + +<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 [https://github.com/mdn/interactive-examples](https://github.com/mdn/interactive-examples) をクローンしてプルリクエストを送信してください。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox">`numberFormat.format(number)`</pre> + +<h3 id="Parameters" name="Parameters">引数</h3> + + <dt>`number`</dt> + <dd>整形する {{jsxref("Number")}} または {{jsxref("BigInt")}} です。</dd> + +## 解説 + +`format` ゲッター関数は、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形し、文字列に格納します。 + +<h2 id="Examples" name="Examples">例</h2> + +<h3 id="Using_format" name="Using_format">`format` の使用</h3> + +`format` ゲッター関数を使用して単一の通貨値を整形しましょう。こちらはロシアの例です。 + +<pre class="brush: js">var options = { style: 'currency', currency: 'RUB' }; +var numberFormat = new Intl.NumberFormat('ru-RU', options); +console.log(numberFormat.format(654321.987)); +// → "654 321,99 руб." +</pre> + +<h3 id="Using_format_with_map" name="Using_format_with_map">`format` と `map` の使用</h3> + +`format` ゲッター関数を使用して、配列内のすべての数値を整形することができます。なお、この関数は供給元である {{jsxref("NumberFormat")}} に結び付けられているので、直接 {{jsxref("Array.prototype.map")}} に渡すことができます。 + +<pre class="brush: js">var a = [123456.789, 987654.321, 456789.123]; +var numberFormat = new Intl.NumberFormat('es-ES'); +var formatted = a.map(numberFormat.format); +console.log(formatted.join('; ')); +// → "123.456,789; 987.654,321; 456.789,123" +</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('ES Int Draft', '#sec-intl.numberformat.prototype.format', 'Intl.NumberFormat.prototype.format')}}</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div> +{{Compat("javascript.builtins.Intl.NumberFormat.format")}} +</div> + +## 関連情報 + +<ul> +- {{jsxref("NumberFormat", "Intl.NumberFormat")}} +- {{jsxref("Number.prototype.toLocaleString()")}} +</ul> |