Newly available 主要ブラウザの最新版で対応済み。古いブラウザが対象外なら使用可能。

Iterator.concat()

Iterator.concat() は静的メソッドで、新しい Iterator オブジェクトを反復可能オブジェクトのリストから作成します。新しいイテレーターは、入力した反復可能オブジェクトそれぞれの値を順番に返します。

イテレータES2025

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
Iterator.concat
146
146
147
26.4
146
26.4
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
const combined = Iterator.concat(
  [1, 2, 3],
  new Set([4, 5]),
  [6]
);

[...combined]; // [1, 2, 3, 4, 5, 6]

ライブデモ

複数配列の結合

2つの配列を連結して、一つの流れとして処理します。

プレビュー全画面表示

異なる型（SetとArray）の連結

Set と Array を連結して、重複を取り除きつつ順番にアクセスします。

プレビュー全画面表示

ジェネレータとの連結

ジェネレータで生成された値と既存の配列を連結して表示します。

プレビュー全画面表示

実務での使いどころ

  • Iterator.concat() の活用

    Iterator.concat() は静的メソッドで、新しい Iterator オブジェクトを反復可能オブジェクトのリストから作成します。

注意点

  • 古いブラウザ（IE等）では対応していない。対象ブラウザを確認すること。

アクセシビリティ

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

参考リンク