Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

Intl.DisplayNames は言語コード、地域コード、通貨コード、スクリプトコードなどの翻訳済み表示名を提供します。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
81
81
86
14.1
81
14.5
ビルトインオブジェクト

Intl.DisplayNames() コンストラクターは、 Intl.DisplayNames オブジェクトを生成します。

81
81
86
14.1
81
14.5

Intl.DisplayNames.prototype.of() メソッドは、コードを受け取り、Intl.DisplayNames をインスタンス化するときに指定されたロケールとオプションに基づいて文字列を返します。

81
81
86
14.1
81
14.5

Intl.DisplayNames.prototype.resolvedOptions() メソッドは、現在の Intl.DisplayNames オブジェクトの初期化時に計算されたロケールとスタイルの書式オプションを反映したプロパティを持つ新しいオブジェクトを返します。

81
81
86
14.1
81
14.5

Intl.DisplayNames.supportedLocalesOf() メソッドは、指定されたロケールのうち、ランタイムの既定のロケールで代替せずに表示名に対応しているものの配列を返します。

81
81
86
14.1
81
14.5
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT
const names = new Intl.DisplayNames(['ja'], { type: 'language' });
names.of('en');    // 'English'
names.of('zh-Hans'); // 'Chinese (Simplified)'

const regions = new Intl.DisplayNames(['ja'], { type: 'region' });
regions.of('US'); // 'United States'

ライブデモ

Intl.DisplayNames

word languagename / name / name range to combinedisplay.

プレビュー全画面表示

name and name

Type name or name also readpossible.

プレビュー全画面表示

type Overview

DisplayNames Type to specified in value.

プレビュー全画面表示

実務での使いどころ

  • Intl.DisplayNames の活用

    言語名・地域名・通貨名などの翻訳済み表示名を取得する API。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

Powered by web-features