forEach メソッドと map メソッドは両方とも配列の反復処理に使用されますが、目的が異なり、動作も異なります。
1.各メソッド
forEach メソッドは、配列の各要素を反復処理するために使用されます。新しい配列は作成されません。代わりに、既存の配列の要素を直接変更します。
const numbers = [1, 2, 3, 4, 5]; numbers.forEach(function(number) { console.log(number * 2); }); // Output: // 2 // 4 // 6 // 8 // 10
forEach は、新しい配列を作成することなく、配列の各要素を反復処理することが目的の場合に使用されます。
2.マップメソッド
一方、map メソッドは、配列の各要素を反復処理するためにも使用されますが、元の配列を変更せずに、変更された新しい配列を返すことができます
const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(function(number) { return number * 2; }); console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
変更された新しい配列を返すことが目的の場合に使用されるマップメソッド
要約:
新しい配列を作成せずに配列を反復処理し、各要素に対して副作用やアクションを実行する場合は、forEach を使用します。
配列を反復処理し、関数を使用してその要素を変換し、変換された値を含む新しい配列を作成する場合は、map を使用します。
注:- どちらのメソッドも配列内の各要素を反復処理するため、提供された関数が要素ごとに実行されることに注意してください。主な違いは、各方法を使用する目的と結果にあります。
以上がforEach vs マップメソッドJavaScriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。