JavaScriptでmapで配列を変換

JavaScript配列のmapメソッドで各要素を加工する書き方を実例で学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

const nums = [1, 2, 3, 4, 5];

const doubled = nums.map(n => n * 2);
console.log(doubled);  // [2,4,6,8,10]

const users = [{name:"A"}, {name:"B"}];
const names = users.map(u => u.name);
console.log(names);    // ["A","B"]

ポイント解説

• arr.map(コールバック)は変換後の新しい配列を返します。
• 元の配列は変更されません（非破壊）。
• オブジェクト配列から特定の値を取り出すのにも便利です。