Intl.DisplayNames


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

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイルサーバー
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung InternetNode.js
DisplayNamesChrome 完全対応 81Edge 完全対応 81Firefox 未対応 なしIE 未対応 なしOpera 完全対応 68Safari 未対応 なしWebView Android 完全対応 81Chrome Android 完全対応 81Firefox Android 未対応 なしOpera Android 完全対応 58Safari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 完全対応 14.0.0
DisplayNames() constructorChrome 完全対応 81Edge 完全対応 81Firefox 未対応 なしIE 未対応 なしOpera 完全対応 68Safari 未対応 なしWebView Android 完全対応 81Chrome Android 完全対応 81Firefox Android 未対応 なしOpera Android 完全対応 58Safari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 完全対応 14.0.0
ofChrome 完全対応 81Edge 完全対応 81Firefox 未対応 なしIE 未対応 なしOpera 完全対応 68Safari 未対応 なしWebView Android 完全対応 81Chrome Android 完全対応 81Firefox Android 未対応 なしOpera Android 完全対応 58Safari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 完全対応 14.0.0
resolvedOptionsChrome 完全対応 81Edge 完全対応 81Firefox 未対応 なしIE 未対応 なしOpera 完全対応 68Safari 未対応 なしWebView Android 完全対応 81Chrome Android 完全対応 81Firefox Android 未対応 なしOpera Android 完全対応 58Safari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 完全対応 14.0.0
supportedLocalesOfChrome 完全対応 81Edge 完全対応 81Firefox 未対応 なしIE 未対応 なしOpera 完全対応 68Safari 未対応 なしWebView Android 完全対応 81Chrome Android 完全対応 81Firefox Android 未対応 なしOpera Android 完全対応 58Safari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 完全対応 14.0.0

凡例

完全対応  
完全対応
未対応  
未対応

実装の進捗

以下の表は、クロスブラウザーの安定性に達していない、新しい機能に対する日次の実装ステータスを提供します。データは、JavaScript の標準テストスイート、Nightly ビルド、または各ブラウザーの最新の JavaScript エンジンを使用して、Test262 内で適切な機能テストを実行することにより生成されます。

関連情報