- mapメソッドとは
説明: mapメソッドは、配列の各要素に対して与えられた関数を呼び出し、その結果を新しい配列として返すメソッドです。
特徴:
元の配列を変更せずに、変換された要素からなる新しい配列を生成します。
配列の要素を変更したり、操作したりするために使用されます。 - forEachメソッドとは
説明: forEachメソッドは、配列の各要素に対して与えられた関数を順番に呼び出しますが、新しい配列を返しません。
特徴:
元の配列を変更せずに、配列内の各要素を操作したり処理したりするために使用されます。 - 違いと使い分け
mapメソッド:
新しい配列を生成して変換された結果を取得する場合に使用します。
変換された結果を配列として取得したい場合に便利です。
forEachメソッド:
配列内の要素を操作したり、処理したりする場合に使用します。
配列を変更しないまま、要素に対して処理を行いたい場合に利用します。 - 使い方の例
// mapメソッドの例
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
// doubled: [2, 4, 6, 8]
// forEachメソッドの例
const numbers = [1, 2, 3, 4];
numbers.forEach(num => console.log(num * 2));
// コンソール出力: 2, 4, 6, 8
- まとめ
mapメソッドは新しい配列を生成して変換された結果を取得するために使用されます。
forEachメソッドは要素を操作するために使用され、新しい配列を生成しません。
この記事では、JavaScriptのmapメソッドとforEachメソッドの違いと使い方について解説しました。