ViewTransitionTypeSet

インスタンスプロパティ

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));

仕様書

ブラウザーの互換性

関連情報

• ViewTransition.types
• ビュー遷移 API
• ビュー遷移 API の使用
• ビュー遷移型の使用
• Smooth transitions with the View Transition API