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

概要

Intl.ListFormat はリストの各要素をロケールに応じた接続詞やカンマで結合した文字列を生成します。

対応ブラウザ

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

Intl.ListFormat() コンストラクターは、言語を考慮したリストの書式化を可能にする Intl/ListFormat オブジェクトを生成します。

72
79
78
14.1
72
14.5

format() メソッドは、リストの言語固有の表現を文字列で返します。

72
79
78
14.1
72
14.5

Intl.ListFormat.prototype.formatToParts() メソッドは、ロケールを考慮した値のリストの書式化で使用できる様々な部分を表すオブジェクトの配列 (Array) を返します。

72
79
78
14.1
72
14.5

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

72
79
78
14.1
72
14.5

Intl.ListFormat.supportedLocalesOf() メソッドは、指定したロケールのうち、ランタイムの既定のロケールに代替する必要なくリストの書式化に対応しているロケールを含む配列を返します。

72
79
78
14.1
72
14.5
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。
注釈 1件
実装メモ
  • macOS Big Sur (11)以上でのみ使用可能。

基本構文

JAVASCRIPT
new Intl.ListFormat('ja', { type: 'conjunction' })
  .format(['apple', 'banana', 'orange']);
// 'apple, banana, and orange'

new Intl.ListFormat('en', { type: 'conjunction' })
  .format(['Apple', 'Banana', 'Orange']);
// 'Apple, Banana, and Orange'

ライブデモ

Intl.ListFormat

listelement range to combineconnectcontinue in join.

プレビュー全画面表示

Style option

notation. length control. with long, short, narrow

プレビュー全画面表示

practicalexample

yu-za-list or selectionitem. Display to.

プレビュー全画面表示

実務での使いどころ

  • Intl.ListFormat の活用

    リスト(配列)をロケールに応じた形式でフォーマットする API。「A、B、C」や「A and B」のような表現を生成。

注意点

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

アクセシビリティ

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

Powered by web-features