Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Array::Array.prototype[Symbol.iterator]インスタンスメソッドの使い方

Array.prototype[Symbol.iterator]()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Array.prototypeSymbol.iteratorメソッドは、配列の要素を一つずつ反復処理するためのイテレーターオブジェクトを返すメソッドです。このメソッドは、JavaScriptの組み込みオブジェクトであるArray(配列)の各インスタンスに存在し、配列が反復可能(イテラブル)であることを示す特別なシンボル、Symbol.iteratorプロパティに割り当てられています。

通常、開発者がこのメソッドを直接呼び出す機会は稀ですが、for...ofループやスプレッド構文(例: [...arr])、Array.from()関数など、イテラブルなオブジェクトを扱う多くのJavaScriptの機能で内部的に利用されています。これらの機能が配列の要素を順番に処理する際、このメソッドが返すイテレーターオブジェクトが舞台裏で活躍しています。

イテレーターオブジェクトは、next()メソッドを呼び出すたびに配列の次の要素を返し、すべての要素を処理し終えると、繰り返しが完了したことを示します。これにより、配列の要素を標準的かつ効率的な方法で走査することが可能になり、JavaScriptにおけるデータの反復処理の基盤となっています。システムエンジニアを目指す上では、この仕組みがJavaScriptの多様な機能の動作原理を支えていることを理解することが重要です。

公式リファレンス: Array.prototype[Symbol.iterator]()

構文(syntax)

1const myArray = [1, 2, 3];
2const arrayIterator = myArray[Symbol.iterator]();

引数(parameters)

引数なし

引数はありません

戻り値(return)

Array Iterator object

Array Iterator objectは、配列の各要素を順番に取得するためのイテレーターオブジェクトです。このオブジェクトのnext()メソッドを呼び出すことで、配列の要素を一つずつ取り出すことができます。

関連コンテンツ

関連プログラミング言語