ホームページ >ウェブフロントエンド >jsチュートリアル >リスト内でのマップ、forEach およびその他のメソッドとの相互作用
最新のプログラミング言語でリストを扱う場合、その要素を反復処理して操作を実行するいくつかの方法を見つけるのが一般的です。このための最も一般的な構造には、map、forEach、filter、およびその他のメソッドが含まれます。これらのメソッドは、より簡潔で効率的で読みやすいコードを記述したい人にとって不可欠です。これらの方法、その違い、利点、そしてそれらを正しく使用する方法を見てみましょう。
forEach は、リストを反復処理し、リスト内の各要素に対してコールバック関数を実行するために使用されるメソッドです。後で説明するいくつかのメソッドとは異なり、新しい配列を返すのではなく、リスト内の各項目に対してアクションを実行するだけです。
JavaScript では、次のように forEach を使用できます:
const numeros = [1, 2, 3, 4, 5]; numeros.forEach(numero => { console.log(numero * 2); });
この例では、forEach メソッドは数値リスト内の各数値をループし、各値の 2 倍の数値を出力します。ここで、結果は次のようになります:
2 4 6 8 10
マップはリストで最もよく使用されるメソッドの 1 つです。元のリストの各要素に関数を適用した結果から新しい配列を作成します。 forEach との主な違いは、map が単に反復するのではなく、新しい配列を返すことです。
前の例の続き:
const numeros = [1, 2, 3, 4, 5]; const dobrados = numeros.map(numero => numero * 2); console.log(dobrados);
ここで、map メソッドは 2 倍の数値を含む新しいリストを返します。
[2, 4, 6, 8, 10]
フィルターは、コールバック関数で指定されたテストに合格した要素のみを含む新しい配列を作成します。このメソッドは、条件に基づいて項目を削除または選択する場合に便利です。
const numeros = [1, 2, 3, 4, 5]; const pares = numeros.filter(numero => numero % 2 === 0); console.log(pares);
ここで、フィルターは偶数のみを返します:
[2, 4]
reduce は、リスト内の項目に基づいて値を蓄積する、より高度なメソッドです。これを使用して、値を追加したり、文字列を連結したり、リストから複雑なオブジェクトを構築したりすることもできます。
const numeros = [1, 2, 3, 4, 5]; const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0); console.log(soma);
この例では、reduce はリスト内のすべての数値の合計を累積します。
15
find は、リスト内の条件を満たす最初の要素を検索するために使用されます。テスト関数に一致する最初の項目を返し、要素が見つかると反復を停止します。
const numeros = [1, 2, 3, 4, 5]; const primeiroPar = numeros.find(numero => numero % 2 === 0); console.log(primeiroPar);
ここで、find は最初の偶数を返します:
2
some メソッドは、リスト内の 少なくとも 1 つの項目が条件に一致するかどうかをチェックします。 Every は、リスト内のすべて項目がテストに合格するかどうかをチェックします。
const numeros = [1, 2, 3, 4, 5]; const temNumeroMaiorQue3 = numeros.some(numero => numero > 3); console.log(temNumeroMaiorQue3);
Este código retornará:
true
Já o every funciona da seguinte forma:
const todosPositivos = numeros.every(numero => numero > 0); console.log(todosPositivos);
Este código retornará:
true
Os métodos de iteração em listas, como map, forEach, filter, reduce, find, some e every, são ferramentas poderosas para processar dados de forma eficiente e legível. Saber quando usar cada um deles pode melhorar significativamente a qualidade e a eficiência do código, tornando-o mais expressivo e mantendo o foco nas operações necessárias.
Com essa base, você poderá criar código mais limpo e eficiente, aproveitando ao máximo o poder dessas funções.
以上がリスト内でのマップ、forEach およびその他のメソッドとの相互作用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。