ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用して配列に対してmap()を逆順で使用するにはどうすればよいですか?

JavaScriptを使用して配列に対してmap()を逆順で使用するにはどうすればよいですか?

PHPz
PHPz転載
2023-08-30 08:33:15486ブラウズ

如何使用 JavaScript 以相反的顺序在数组上使用 map() ?

要素の配列が与えられているので、JavaScript を介して逆の順序で配列に対して map() を使用する必要があります。

map() メソッドは、結果配列内の特定の配列要素に関連する新しい要素をマップします。場合によっては、要素を逆の順序でマップする必要があります。配列に対して map() を逆の順序で使用する方法は複数あります。すべての方法を 1 つずつ見ていきます。

map() メソッドの紹介

###文法###

次の構文に従って、map() メソッドを使用します。

リーリー

パラメータ

  • ele

    – これは配列要素です。

  • ind

    – 現在の要素のインデックス。

  • array

    – これは、map() メソッドを使用する配列です。

  • 配列を反転して、map() メソッドを使用します

配列に対して map() を逆の順序で使用するには、まず JavaScript の reverse() メソッドを使用して配列を逆にします。その後、配列を反転したmap()メソッドを使用できます。

###文法###

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

リーリー

上記の構文では、スプレッド演算子と reverse() メソッドを使用して数値配列を反転しました。その後、配列を反転したmap()メソッドを使用します。

例 1

この例では、さまざまな数値を含む数値の配列を作成します。次に、 reverse() メソッドを使用して数値の配列を反転し、それを reversed 配列変数に格納します。出力では、反転された配列が表示されます。

その後、map() メソッドを使用して reverseArray の各要素を乗算します。これはユーザーが出力で確認できます。

リーリー

map() メソッドのコールバック関数で逆の順序で要素にアクセスする

配列に対して map() メソッドを逆順で使用するには、配列を反転する代わりに逆順で配列要素にアクセスします。現在のインデックス、つまり配列自体を map() メソッドのコールバック関数に渡し、それを使用して逆の順序で要素にアクセスできます。

###文法###

ユーザーは、次の構文に従って、map() メソッドで逆の順序で要素にアクセスできます。

リーリー

上記の構文では、array.length –index -1index は最後の配列要素を示します。

例 2

次の例では、numbersArray で map() メソッドを使用します。 map() メソッドでは、配列の長さと現在の要素のインデックスを使用して配列の末尾から要素にアクセスし、返す前に 2 を乗算します。

リーリー

最初にmap()メソッドを使用し、次に結果の配列を反転します

配列要素を逆順にマッピングするこの方法では、まず、map() メソッドと reverse() メソッドを使用します。結果のマップされた配列は、slice() メソッドと reverse() メソッドを使用して反転できます。

###文法###

ユーザーは、次の構文に従って、最初に map() メソッドを使用し、次に reverse() メソッドを使用できます。

リーリー

上記の構文では、new_array にはマップされた値が含まれており、new_array に対して reverse() メソッドを使用します。

例 3

以下の例では、文字列の配列を作成します。 map() メソッドを使用して、各文字列要素の最初の文字を大文字にします。その後、 reverse() メソッドを使用して要素を逆マップします。このようにして、文字列要素を逆の順序でマップします。

リーリー

JavaScript を使用して配列に対して map() を逆順に使用する 3 つの方法を学びました。最良のアプローチは、map() メソッドで逆の順序で配列要素にアクセスする 2 番目のアプローチです。これは、他のアプローチよりも時間がかからず、使用するメモリも少ないためです。

以上がJavaScriptを使用して配列に対してmap()を逆順で使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。