【JavaScript】mapメソッドを使って配列操作する方法を解説！

JavaScriptのmapメソッドとは？

JavaScriptのmapメソッドは、配列のすべての要素に対して関数を実行し、その結果を返す新しい配列を生成します。

具体的なコードと共に見ていきましょう。

具体的なコード例

const numbers = [1, 2, 3, 4, 5];
const double = numbers.map(x => x * 2);
console.log(double); // [2, 4, 6, 8, 10]

mapメソッドは、配列のすべての要素に対して実行される関数を引数に取ります。

上の例では、x => x * 2という関数が使用されています。これは、入力された数字を2倍する関数です。

mapメソッドは、この関数を配列のすべての要素に対して実行し、その結果を返す新しい配列を生成します。

このようにmapメソッドは、配列のすべての要素に対して同じ処理を実行する場合に非常に便利です。

const words = ['apple', 'banana', 'orange'];
const upperWords = words.map(x => x.toUpperCase());
console.log(upperWords); // ['APPLE', 'BANANA', 'ORANGE']

上の例では、配列のすべての要素を大文字に変換しています。