ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptのmapの使い方|配列を変換する方法

📌

結論

map で配列の各要素を変換できます

📝 実際のコードはこちら
const doubled = [1, 2, 3].map(n => n * 2);
console.log(doubled); // [2, 4, 6]
map は元の配列を変更せず、新しい配列を返します。

まとめ

map は配列の各要素を変換して新配列を作る ・元の配列は変更されない(非破壊的)

演習で試してみよう

mapで各要素を2倍にしてみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

numbersの各要素を2倍した新しい配列を作り、console.logで出力してください。numbersは[1,2,3]。

詰まったらヒント

numbers.map(n => n * 2)

20pt

配列のmap

numbersの各要素を2倍した新しい配列を作り、console.logで出力してください。numbersは[1,2,3]。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説