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 サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

コードプレゼンテーションを強化する:開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

この記事では、JavaScriptとJQuery Model-View-Controller(MVC)フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした
