Intl.DisplayNames オブジェクトは、言語、地域、文字体系の表示名の一貫した翻訳を可能にするオブジェクトのコンストラクターです。
コンストラクター
Intl.DisplayNames()Intl.DisplayNamesオブジェクトを作成します。
スタティックメソッド
Intl.DisplayNames.supportedLocalesOf()- 提供されたロケールのうち、ランタイムのデフォルトロケールにフォールバックすることなくサポートされているロケールを含む配列を返します。
インスタンスメソッド
Intl.DisplayNames.prototype.of()- このメソッドは
codeを受け取り、Intl.DisplayNamesをインスタンス化したときに指定したロケールとオプションに基づく文字列を返します。 Intl.DisplayNames.prototype.resolvedOptions()- オブジェクトの初期化時に計算されたロケールや書式設定のオプションを反映したプロパティを持つ新しいオブジェクトを返します。
例
国 (地域) の表示名
ロケールを指定した Intl.DisplayNames を作成し、国 (地域) コードの表示名を取得する方法です。
// Get display names of region in English
var regionNames = new Intl.DisplayNames(['en'], {type: 'region'});
console.log(regionNames.of('419')); // "Latin America"
console.log(regionNames.of('BZ')); // "Belize"
console.log(regionNames.of('US')); // "United States"
console.log(regionNames.of('BA')); // "Bosnia & Herzegovina"
console.log(regionNames.of('MM')); // "Myanmar (Burma)"
// Get display names of region in Traditional Chinese
regionNames = new Intl.DisplayNames(['zh-Hant'], {type: 'region'});
console.log(regionNames.of('419')); // "拉丁美洲"
console.log(regionNames.of('BZ')); // "貝里斯"
console.log(regionNames.of('US')); // "美國"
console.log(regionNames.of('BA')); // "波士尼亞與赫塞哥維納"
console.log(regionNames.of('MM')); // "緬甸"
言語の表示名称
ロケールを指定した Intl.DisplayNames を作成し、言語-文字体系-国 (地域) の一連の表示名を取得する方法です。
// Get display names of language in English
var languageNames = new Intl.DisplayNames(['en'], {type: 'language'});
console.log(languageNames.of('fr')); // "French"
console.log(languageNames.of('de')); // "German"
console.log(languageNames.of('fr-CA')); // "Canadian French"
console.log(languageNames.of('zh-Hant')); // "Traditional Chinese"
console.log(languageNames.of('en-US')); // "American English"
console.log(languageNames.of('zh-TW')); // "Chinese (Taiwan)"]
// Get display names of language in Traditional Chinese
languageNames = new Intl.DisplayNames(['zh-Hant'], {type: 'language'});
console.log(languageNames.of('fr')); // "法文"
console.log(languageNames.of('zh')); // "中文"
console.log(languageNames.of('de')); // "德文"
文字体系コードの表示名称
ロケールを指定した Intl.DisplayNames を作成し、文字体系の表示名を取得する方法です。
// Get display names of script in English
var scriptNames = new Intl.DisplayNames(['en'], {type: 'script'});
// Get script names
console.log(scriptNames.of('Latn')); // "Latin"
console.log(scriptNames.of('Arab')); // "Arabic"
console.log(scriptNames.of('Kana')); // "Katakana"
// Get display names of script in Traditional Chinese
scriptNames = new Intl.DisplayNames(['zh-Hant'], {type: 'script'});
console.log(scriptNames.of('Latn')); // "拉丁文"
console.log(scriptNames.of('Arab')); // "阿拉伯文"
console.log(scriptNames.of('Kana')); // "片假名"
通貨コードの表示名称
ロケールを指定した Intl.DisplayNames を作成し、通貨の表示名を取得する方法です。
// Get display names of currency code in English
var currencyNames = new Intl.DisplayNames(['en'], {type: 'currency'});
// Get currency names
console.log(currencyNames.of('USD')); // "US Dollar"
console.log(currencyNames.of('EUR')); // "Euro"
console.log(currencyNames.of('TWD')); // "New Taiwan Dollar"
console.log(currencyNames.of('CNY')); // "Chinese Yuan"
// Get display names of currency code in Traditional Chinese
currencyNames = new Intl.DisplayNames(['zh-Hant'], {type: 'currency'});
console.log(currencyNames.of('USD')); // "美元"
console.log(currencyNames.of('EUR')); // "歐元"
console.log(currencyNames.of('TWD')); // "新台幣"
console.log(currencyNames.of('CNY')); // "人民幣"
仕様
| 仕様書 |
|---|
| Intl.DisplayNames |
ブラウザー実装状況
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| デスクトップ | モバイル | サーバー | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
DisplayNames | Chrome 完全対応 81 | Edge 完全対応 81 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 68 | Safari 未対応 なし | WebView Android 完全対応 81 | Chrome Android 完全対応 81 | Firefox Android 未対応 なし | Opera Android 完全対応 58 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし | nodejs 完全対応 14.0.0 |
DisplayNames() constructor | Chrome 完全対応 81 | Edge 完全対応 81 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 68 | Safari 未対応 なし | WebView Android 完全対応 81 | Chrome Android 完全対応 81 | Firefox Android 未対応 なし | Opera Android 完全対応 58 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし | nodejs 完全対応 14.0.0 |
of | Chrome 完全対応 81 | Edge 完全対応 81 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 68 | Safari 未対応 なし | WebView Android 完全対応 81 | Chrome Android 完全対応 81 | Firefox Android 未対応 なし | Opera Android 完全対応 58 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし | nodejs 完全対応 14.0.0 |
resolvedOptions | Chrome 完全対応 81 | Edge 完全対応 81 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 68 | Safari 未対応 なし | WebView Android 完全対応 81 | Chrome Android 完全対応 81 | Firefox Android 未対応 なし | Opera Android 完全対応 58 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし | nodejs 完全対応 14.0.0 |
supportedLocalesOf | Chrome 完全対応 81 | Edge 完全対応 81 | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 68 | Safari 未対応 なし | WebView Android 完全対応 81 | Chrome Android 完全対応 81 | Firefox Android 未対応 なし | Opera Android 完全対応 58 | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし | nodejs 完全対応 14.0.0 |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
実装の進捗
以下の表は、クロスブラウザーの安定性に達していない、新しい機能に対する日次の実装ステータスを提供します。データは、JavaScript の標準テストスイート、Nightly ビルド、または各ブラウザーの最新の JavaScript エンジンを使用して、Test262 内で適切な機能テストを実行することにより生成されます。