JavaScript 配列メソッド: `forEach`、`map`、`filter`、および `reduce`

JavaScript 配列メソッド: forEach、map、filter、reduce

JavaScript には、配列を操作するための強力なメソッドがいくつか用意されています。これらのメソッド (forEach、map、filter、reduce) を使用すると、コードがより効率的で読みやすくなります。簡単な例えと例を使用して、これらの方法を検討してみましょう。

それぞれに

例え: 箱の中のおもちゃで遊ぶ

おもちゃの入った箱があり、それぞれのおもちゃで 1 つずつ遊びたいと想像してください。それぞれのおもちゃを箱から取り出して遊んでから、元に戻します。

例:

説明:
箱の中のおもちゃをひとつひとつ見て、それで遊びます

地図

例え: それぞれのおもちゃを新しいものに変える

おもちゃの入った箱があり、それぞれのおもちゃを別のものに変えたいとします。たとえば、各車をレースカーに、各人形をスーパーヒーローに、各ボールをバスケットボールに変えます。

例:

説明:
それぞれのおもちゃを新しいバージョンに変換し、新しいおもちゃを新しい箱に入れます。

フィルター

例え: 特定のおもちゃだけを選んで遊ぶ

おもちゃの入った箱がありますが、今日は赤いおもちゃだけで遊びたいと考えています。そこで、箱を調べて赤いおもちゃだけを取り出します。

例:
リーリー

説明: 特定の条件 (この場合は赤色) に一致するおもちゃのみを選択します。

例え: すべてのおもちゃを 1 つの巨大なおもちゃに結合する

例:
リーリー

説明: 空の巨大なおもちゃから始めて、大きなおもちゃが 1 つになるまで、おもちゃを追加し続けます。

それぞれのおもちゃを見て、それが何であるかを確認してください(それぞれ)。
各おもちゃを新しいバージョン（マップ）に変換します。
青色のおもちゃのみを選択します(フィルター)。
選択したすべてのおもちゃを 1 つのメガおもちゃに結合します (減らす)。
リーリー

説明:

それぞれのおもちゃを見てください。
各おもちゃを新しいバージョンに変更します。
青いおもちゃのみを選択してください。
それらを組み合わせて 1 つの大きなおもちゃにしましょう。

• forEach からの抜け出し: forEach ループから抜け出すことはできません。この機能が必要な場合は、for ループまたは for...of の使用を検討してください。
• thisArg の使用: コールバック内で this として使用する thisArg を指定できます。
リーリー

• thisArg の使用: forEach と同様に、コールバック内で this として使用する thisArg を指定できます。
リーリー

• 異なる型を返す: マップは異なる型の配列を返すことができます。
リーリー

• 複雑な条件: フィルタリングに複雑な条件を使用します。
リーリー

• 初期値: 予期しない結果を避けるために、常に初期値を指定します。
リーリー

• オブジェクトへのリデュース: リデュースを使用してオブジェクトを作成できます。
リーリー

以上がJavaScript 配列メソッド: `forEach`、`map`、`filter`、および `reduce`の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。