ViewTransitionTypeSet

Baseline 2026

Newly available

Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

ViewTransitionTypeSet はビュー遷移 API のインターフェイスで、アクティブなビュー遷移の型を表す Set 風オブジェクトです。これにより、遷移中にその型を動的に照会したり変更したりすることができます。

ViewTransitionTypeSet オブジェクトには、ViewTransition.types プロパティからアクセスできます。

下記のプロパティおよびメソッドのリンクは、JavaScript の Set オブジェクトのドキュメントへリンクしています。

インスタンスプロパティ

Set.prototype.size: この集合内の値の個数を返します。

インスタンスメソッド

Set.prototype.add: 指定された値がこの集合内に存在しなければ、挿入します。
Set.prototype.clear(): この集合からすべての値を取り除きます。
Set.prototype.delete(): 指定された値がこの集合内に存在する場合は、取り除きます。
Set.prototype.entries(): この集合内の各要素を [value, value] の配列の形で挿入順で返す、新しいイテレーターオブジェクトを返します。
Set.prototype.forEach(): この集合内に存在する各値に対して、挿入順に一度ずつコールバック関数を呼び出します。
Set.prototype.has(): 引数で与えられた値をもつ要素がこの集合内に存在するかどうかを示す論理値を返します。
Set.prototype.keys(): Set.prototype.values() の別名です。
Set.prototype.values(): この集合内の各要素の値を挿入順に返す、新しいイテレーターオブジェクトを返します。
Set.prototype[Symbol.iterator](): この集合内の各要素の値を挿入順に返す、新しいイテレーターオブジェクトを返します。

例

// ビュー遷移を開始
const vt = document.startViewTransition({
  update: updateTheDOMSomehow,
  types: ["slideLeft", "fadeOut", "flipVertical"],
});

// 他の型を追加
vt.types.add("flipHorizontal");

// 型を削除
vt.types.delete("flipVertical");

// 集合内の型の個数を返す
console.log(vt.types.size);

// それぞれの型をコンソールにログ出力
vt.types.forEach((type) => console.log(type));