Intl.DisplayNames
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2021å¹´4æ.
Intl.DisplayNames ãªãã¸ã§ã¯ãã¯ãè¨èªãå°åãæåä½ç³»ã®è¡¨ç¤ºåã®ä¸è²«ãã翻訳ãå¯è½ã«ãã¾ãã
試ãã¦ã¿ã¾ããã
const regionNamesInEnglish = new Intl.DisplayNames(["en"], { type: "region" });
const regionNamesInTraditionalChinese = new Intl.DisplayNames(["zh-Hant"], {
type: "region",
});
console.log(regionNamesInEnglish.of("US"));
// Expected output: "United States"
console.log(regionNamesInTraditionalChinese.of("US"));
// Expected output: "ç¾å"
ã³ã³ã¹ãã©ã¯ã¿ã¼
Intl.DisplayNames()-
Intl.DisplayNamesãªãã¸ã§ã¯ãã使ãã¾ãã
éçã¡ã½ãã
Intl.DisplayNames.supportedLocalesOf()-
æä¾ããããã±ã¼ã«ã®ãã¡ãã©ã³ã¿ã¤ã ã®æ¢å®ã®ãã±ã¼ã«ã«ä»£æ¿ããããã¨ãªã対å¿ãã¦ãããã±ã¼ã«ãå«ãé åãè¿ãã¾ãã
ã¤ã³ã¹ã¿ã³ã¹ã¡ã½ãã
Intl.DisplayNames.prototype.of()-
ãã®ã¡ã½ããã¯
codeãåãåããIntl.DisplayNamesãã¤ã³ã¹ã¿ã³ã¹åããã¨ãã«æå®ãããã±ã¼ã«ã¨ãªãã·ã§ã³ã«åºã¥ãæååãè¿ãã¾ãã Intl.DisplayNames.prototype.resolvedOptions()-
ãªãã¸ã§ã¯ãã®åæåæã«è¨ç®ããããã±ã¼ã«ãæ¸å¼è¨å®ã®ãªãã·ã§ã³ãåæ ããããããã£ãæã¤æ°ãããªãã¸ã§ã¯ããè¿ãã¾ãã
ä¾
>å½ (å°å) ã®è¡¨ç¤ºå
ãã±ã¼ã«ãæå®ã㦠Intl.DisplayNames ã使ããå½ (å°å) ã³ã¼ãã®è¡¨ç¤ºåãåå¾ããæ¹æ³ã§ãã
// è±èªã®å°ååã表示
let regionNames = new Intl.DisplayNames(["en"], { type: "region" });
regionNames.of("419"); // "Latin America"
regionNames.of("BZ"); // "Belize"
regionNames.of("US"); // "United States"
regionNames.of("BA"); // "Bosnia & Herzegovina"
regionNames.of("MM"); // "Myanmar (Burma)"
// ç¹ä½åä¸å½èªã§ã®å°ååã表示
regionNames = new Intl.DisplayNames(["zh-Hant"], { type: "region" });
regionNames.of("419"); // "æä¸ç¾æ´²"
regionNames.of("BZ"); // "è²éæ¯"
regionNames.of("US"); // "ç¾å"
regionNames.of("BA"); // "波士尼äºè赫å¡å¥ç¶ç´"
regionNames.of("MM"); // "ç·¬ç¸"
è¨èªã®è¡¨ç¤ºå
ãã±ã¼ã«ãæå®ã㦠Intl.DisplayNames ã使ããè¨èª-æåä½ç³»-å½ (å°å) ã®ä¸é£ã®è¡¨ç¤ºåãåå¾ããæ¹æ³ã§ãã
// è±èªã®è¨èªåã表示
let languageNames = new Intl.DisplayNames(["en"], { type: "language" });
languageNames.of("fr"); // "French"
languageNames.of("de"); // "German"
languageNames.of("fr-CA"); // "Canadian French"
languageNames.of("zh-Hant"); // "Traditional Chinese"
languageNames.of("en-US"); // "American English"
languageNames.of("zh-TW"); // "Chinese (Taiwan)"]
// ç¹ä½åä¸å½èªã§ã®è¨èªåã表示
languageNames = new Intl.DisplayNames(["zh-Hant"], { type: "language" });
languageNames.of("fr"); // "æ³æ"
languageNames.of("zh"); // "䏿"
languageNames.of("de"); // "å¾·æ"
æåä½ç³»ã³ã¼ãã®è¡¨ç¤ºå
ãã±ã¼ã«ãæå®ã㦠Intl.DisplayNames ã使ããæåä½ç³»ã®è¡¨ç¤ºåãåå¾ããæ¹æ³ã§ãã
// è±èªã®æåä½ç³»åã表示
let scriptNames = new Intl.DisplayNames(["en"], { type: "script" });
// Get script names
scriptNames.of("Latn"); // "Latin"
scriptNames.of("Arab"); // "Arabic"
scriptNames.of("Kana"); // "Katakana"
// ç¹ä½åä¸å½èªã§ã®æåä½ç³»åã表示
scriptNames = new Intl.DisplayNames(["zh-Hant"], { type: "script" });
scriptNames.of("Latn"); // "æä¸æ"
scriptNames.of("Arab"); // "é¿æä¼¯æ"
scriptNames.of("Kana"); // "çåå"
é貨ã³ã¼ãã®è¡¨ç¤ºå
ãã±ã¼ã«ãæå®ã㦠Intl.DisplayNames ã使ããé貨ã®è¡¨ç¤ºåãåå¾ããæ¹æ³ã§ãã
// è±èªã®é貨åã表示
let currencyNames = new Intl.DisplayNames(["en"], { type: "currency" });
// Get currency names
currencyNames.of("USD"); // "US Dollar"
currencyNames.of("EUR"); // "Euro"
currencyNames.of("TWD"); // "New Taiwan Dollar"
currencyNames.of("CNY"); // "Chinese Yuan"
// ç¹ä½åä¸å½èªã®é貨åã表示
currencyNames = new Intl.DisplayNames(["zh-Hant"], { type: "currency" });
currencyNames.of("USD"); // "ç¾å
"
currencyNames.of("EUR"); // "æå
"
currencyNames.of("TWD"); // "æ°å°å¹£"
currencyNames.of("CNY"); // "人æ°å¹£"
仿§æ¸
| Specification |
|---|
| ECMAScript® 2027 Internationalization API Specification> # intl-displaynames-objects> |