JavaScript の配列変換: [].forEach.call() を理解する

JavaScript を使用する場合、次のようなコード スニペットが現れることがあります。 [].forEach.call() を使用して要素リストを反復処理します。この手法を使用すると、配列関数を使用して NodeList などの配列のような構造を拡張できます。

空の配列 [] は、関数を入力として受け入れる forEach 関数にアクセスするために使用されます。この関数は、配列のような構造内の各要素に対して呼び出され、要素、そのインデックス、および構造自体を渡します。

次に、 .call は、「this」をカスタマイズできる関数のメソッドです。関数の値。 [].forEach.call() では、最初の引数は配列のような構造で、提供された関数内の this 値を置き換えます。

したがって、提供されたコード スニペットは [].forEach.call( ) を使用して、ドキュメント内のすべてのアンカー タグ () を反復処理し、アンカーごとに指定された関数を呼び出します。このアプローチは、配列のような操作を配列以外の構造に適用するための便利で簡潔な方法を提供します。

ただし、この手法に大きく依存すると、コードが乱雑で繰り返しの多いものになる可能性があることに注意することが重要です。新しい JavaScript バージョンでは、Rest 演算子や Spread 演算子などの言語機能を使用することを検討してください。これにより、配列以外を配列に変換するためのよりクリーンなアプローチが提供されます。