jQuery/JavaScript を使用して配列を分解する

このチュートリアルでは、JavaScript と JQuery を使用して指定された配列をマージする方法を学習します。 Web 開発では、配列をマージする必要がある状況がよくあります。たとえば、タグのリストが与えられたので、それらを Web ページに挿入する文字列に結合する必要があります。配列のマージが必要になるもう 1 つの状況は、SQL クエリを作成する場合です。

ここでは、指定された配列の要素を連結する 4 つの方法を学びます。

Array.join() メソッドを使用して配列を結合する

array.join() メソッドを使用すると、区切り文字を指定して配列要素を文字列に結合できます。

＃＃＃文法＃＃＃

ユーザーは、JavaScript join() メソッドを使用して、次の構文に従って配列を結合できます。

リーリー

上記の構文では、「配列」はマージされる参照配列であり、区切り文字は配列要素を結合するために使用する必要がある文字です。

＃＃＃例＃＃＃

以下の例では、果物の名前を含む「arr」配列を作成しました。その後、array.join() メソッドを使用してすべてのフルーツ名を連結し、「fruits」文字列に格納します。

出力では、配列内のすべての果物の名前を含む「fruits」文字列を確認できます。

リーリー ＃＃＃例＃＃＃

以下の例では、色の名前を含む配列を作成しました。その後、join() メソッドを使用し、join() メソッドのパラメータとして「|」文字を渡して、配列の各要素を区切り文字で区切りました。

出力では、ユーザーは元の配列要素とマージされた配列の結果を確認できます。

リーリー

for ループと「 」演算子を使用した JavaScript での配列の結合

for ループまたは while ループを使用して配列を走査できます。配列要素を反復処理する際、「 」または「 = 」演算子を使用して要素を接続できます。さらに、配列要素を連結するときに区切り文字を使用できます。

＃＃＃文法＃＃＃

ユーザーは、for ループと ' ' 演算子を使用して、次の構文に従って配列を結合できます。

リーリー

上記の構文では、arry[i] を「結果」文字列に追加します。

＃＃＃例＃＃＃

以下の例では、数値を昇順に含む配列を作成します。連結された配列の結果を保存するために、「numberStr」という変数を作成します。

for ループを使用して配列を反復処理し、反復ごとに number[i] を 'numberStr' に追加します。さらに、各要素を「numberStr」文字列に追加した後に「

出力では、配列要素を連結することによって「 リーリー

Array.reduce() メソッドと「 」演算子を使用して JavaScript で配列を結合する

array.reduce() メソッドは、配列リストを 1 つの要素にマージすることで機能します。ここでは、配列を参照として取得し、コールバック関数をパラメーターとして渡して配列要素を連結することにより、array.reduce() メソッドを実行します。

＃＃＃文法＃＃＃

ユーザーは、array.reduce() メソッドを使用して、次の構文に従って配列を結合できます。

リーリー

上記の構文では、配列要素を結合するためにコールバック関数を join メソッドに渡します。

＃＃＃例＃＃＃

以下の例では、メッセージ文字列を含む配列を作成します。その後、「message」配列を参照として取得し、reduce() メソッドを実行して配列をマージします。

さらに、a および b パラメータをreduce() メソッドのコールバック関数に渡します。各反復の後、「a」は配列のマージ結果を格納し、「b」は現在の配列要素を表します。関数本体は、スペース区切りで 'b' を 'a' に追加します。

リーリー

Each() メソッドを使用して JQuery で配列をマージする

各 jQuery の () メソッドは、配列要素を反復処理するために使用されます。配列要素を反復処理して、各要素を 1 つずつ連結できます。

＃＃＃文法＃＃＃

ユーザーは、JQuery の each() メソッドを使用して、次の構文に従って配列を結合できます。

リーリー

上記の構文では、 each() メソッドは最初のパラメーターとして配列を内分解し、2 番目のパラメーターとしてコールバック関数を配列に接続します。

＃＃＃例＃＃＃

以下の例では、ツリー名を含む配列を作成します。その後、jQuery の each() メソッドを使用して配列を反復処理します。 each() メソッドのコールバック関数で現在のインデックスと要素の値を取得します。そこで、要素の値を「treeStr」に追加します。

最後に、出力で「treeStr」の値を確認できます。

リーリー

array.join() メソッドは、JavaScript で配列を結合する最良の方法の 1 つです。ただし、プログラマが配列を結合するためにさらにカスタム オプションが必要な場合は、for ループと ' ' 演算子を使用することもできます。 JQuery では、プログラマは each() メソッド、または JavaScript の join() メソッドと同様に機能する makeArray() および join() メソッドを使用できます。

以上がjQuery/JavaScript を使用して配列を分解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。