diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-25 01:20:04 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-31 23:52:41 +0900 |
commit | 94232a8275e9ca3cf3c6daff9820fd27e00ac401 (patch) | |
tree | a85f6d0262420c56887e5b23116381a778a513ab /files/ja/web/javascript | |
parent | 9b89a14666aa9a6770727ad8a2c198a10db4a7dd (diff) | |
download | translated-content-94232a8275e9ca3cf3c6daff9820fd27e00ac401.tar.gz translated-content-94232a8275e9ca3cf3c6daff9820fd27e00ac401.tar.bz2 translated-content-94232a8275e9ca3cf3c6daff9820fd27e00ac401.zip |
2021/08/20 時点の英語版に同期
Diffstat (limited to 'files/ja/web/javascript')
-rw-r--r-- | files/ja/web/javascript/reference/global_objects/intl/numberformat/format/index.md | 71 |
1 files changed, 31 insertions, 40 deletions
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 index c277a27eee..9c684ca5ea 100644 --- 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 @@ -2,84 +2,75 @@ title: Intl.NumberFormat.prototype.format() slug: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format tags: - - Internationalization + - 国際化 - Intl - JavaScript + - ローカライゼーション - メソッド - NumberFormat - プロトタイプ - - メソッド - - 国際化 + - リファレンス +browser-compat: javascript.builtins.Intl.NumberFormat.format translation_of: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/format --- {{JSRef}} -<strong>`Intl.NumberFormat.prototype.format()`</strong> メソッドは、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形します。 +**`Intl.NumberFormat.prototype.format()`** メソッドは、この {{jsxref("Intl.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> +<!-- このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。 --> -<h2 id="Syntax" name="Syntax">構文</h2> +## 構文 -<pre class="syntaxbox">`numberFormat.format(number)`</pre> +```js +format(number) +``` -<h3 id="Parameters" name="Parameters">引数</h3> +### 引数 - <dt>`number`</dt> - <dd>整形する {{jsxref("Number")}} または {{jsxref("BigInt")}} です。</dd> +- `number` + - : 整形する {{jsxref("Number")}} または {{jsxref("BigInt")}} です。 ## 解説 `format` ゲッター関数は、この {{jsxref("NumberFormat")}} オブジェクトのロケールと整形オプションに従って数値を整形し、文字列に格納します。 -<h2 id="Examples" name="Examples">例</h2> +## 例 -<h3 id="Using_format" name="Using_format">`format` の使用</h3> +### `format` の使用 `format` ゲッター関数を使用して単一の通貨値を整形しましょう。こちらはロシアの例です。 -<pre class="brush: js">var options = { style: 'currency', currency: 'RUB' }; +```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> +// → "654 321,99 руб." +``` -<h3 id="Using_format_with_map" name="Using_format_with_map">`format` と `map` の使用</h3> +### `format` と `map` の使用 -`format` ゲッター関数を使用して、配列内のすべての数値を整形することができます。なお、この関数は供給元である {{jsxref("NumberFormat")}} に結び付けられているので、直接 {{jsxref("Array.prototype.map")}} に渡すことができます。 +`format` ゲッター関数を使用して、配列内のすべての数値を整形することができます。 +なお、この関数は供給元である {{jsxref("Intl.NumberFormat")}} に結び付けられているので、直接 {{jsxref("Array.prototype.map")}} に渡すことができます。これは、新しい機能に従わない習慣の一部として、歴史的な人工物と考えられていますが、既存のプログラムとの互換性のために保守されています。 -<pre class="brush: js">var a = [123456.789, 987654.321, 456789.123]; +```js +var a = [123456.789, 987654.321, 456789.123]; var numberFormat = new Intl.NumberFormat('es-ES'); -var formatted = a.map(numberFormat.format); +var formatted = a.map(n => numberFormat.format(n)); 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> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> +## ブラウザーの互換性 -<div> -{{Compat("javascript.builtins.Intl.NumberFormat.format")}} -</div> +{{Compat}} ## 関連情報 -<ul> -- {{jsxref("NumberFormat", "Intl.NumberFormat")}} +- {{jsxref("Intl/NumberFormat", "Intl.NumberFormat")}} - {{jsxref("Number.prototype.toLocaleString()")}} -</ul> |