JavaScript イテレータを配列に変換するにはどうすればよいですか?

王林
リリース: 2023-09-16 20:57:03
転載
962 人が閲覧しました

如何将 JavaScript 迭代器转换为数组?

JavaScript では、イテレータは要素のコレクションであり、これを介して反復処理を実行し、各反復で 1 つの要素にアクセスできます。コレクション、マップ、またはオブジェクトは JavaScript のイテレータであり、配列のようにインデックスを使用してイテレータの要素にアクセスすることはできません。

したがって、最初に反復子を配列に変換する必要があります。ここでは、array.from() などのさまざまなメソッドを使用してイテレータを配列に変換します。

for-of ループを使用する

for-of ループは、反復子の各要素に対してコレクションとマップを配置します。 for-of ループでは、配列にアクセスして要素を追加したり、push() メソッドを使用して要素を配列に追加したりできます。

###文法###

ユーザーは、for-of ループを使用して、次の構文に従って反復子を配列に変換できます。

リーリー

上記の構文では、for-of ループ内の反復子の要素にアクセスし、それを配列にプッシュします。

例 1

以下の例では、test_array を作成し、いくつかの数値で初期化します。その後、Symbol.iterator() を使用して配列をイテレータに変換します。

次に、for-of ループを使用してイテレータを反復処理します。イテレータのすべての要素に 1 つずつアクセスし、それらを配列にプッシュします。 for ループのすべての反復が完了すると、反復子の完全な配列が取得されます。

リーリー

array.from() メソッドを使用する

Array.from() メソッドはイテレータから配列を作成します。イテレータ オブジェクトを array.from() メソッドのパラメータとして渡す必要があります。イテレータを配列に変換した後、配列を返します。

###文法###

ユーザーは、次の構文に従って array.from() メソッドを使用して、反復子を配列に変換できます。

リーリー

上記の構文では、test_set は配列に変換される反復子です。

パラメータ

test_set

– 配列に変換されるイテレータです。

例 2

以下の例では、さまざまな要素を使用してコレクションを作成します。その後、array.from() メソッドを使用してコレクションを配列に変換します。出力では、array.from() メソッドから返された配列を確認できます。 リーリー

スプレッド演算子を使用する

スプレッド演算子を使用すると、array.from() メソッドのような反復子を配列に変換することもできます。イテレータのすべての要素を新しい配列にコピーします。さらに、これを使用して配列のクローンを作成することもできます。

###文法###

ユーザーはスプレッド演算子を使用して、次の構文に従って反復子を配列に変換できます。 リーリー

上記の構文では、test_map はイテレータです。

例 3

以下の例では、一意のキーと値を使用してマップを作成します。キーを使用してマップから特定の値にアクセスできます。

スプレッド演算子を使用して test_map を配列に変換しました。出力では、マップの各キーと値が配列

に追加されたことがわかります。 リーリー

例 4

この例では、コレクション反復子を配列に変換します。新しい Set() コンストラクターは、数値、ブール値、および文字列要素からセットを作成するために使用されます。

その後、スプレッド演算子を使用してコレクション反復子を配列に変換します。

リーリー

このチュートリアルでは、反復子を配列に変換する 3 つの異なる方法を検討しました。最善の方法は、配列のクローン作成などの別の機能も提供するスプレッド演算子を使用することです。

以上がJavaScript イテレータを配列に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!