Array.map() 新しい配列へのマッピング
最終更新：2026-10-13
Array.map() 新しい配列へのマッピング
map は各要素に対してコールバックを実行し、その戻り値で構成される同長の新しい配列を返します。元の配列は変更されません。
| カテゴリ | 配列 |
|---|
⚙️ 引数
| callback | |
|---|---|
| thisArg |
戻り値：元の配列と同長の新しい配列。
元の値を変更するか：いいえ（新しい値を返す）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
実行結果：
[ 2, 4, 6, 8 ]
[ 'Zhang', 'Li' ]
[ '1. Zhang', '2. Li' ]⚠️ 警告
💡 ヒント
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| Array.map() | ✓ v1 | ✓ v12 | ✓ v1.5 | ✓ v3 | ✓ v10.5 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する配列メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
Qmap と forEach の違いは？
Amap は変換結果の新しい配列を返します。forEach は副作用のためだけに使い、何も返しません。
Qmap で要素をスキップできますか？
Amap は常に同じ長さです — 事前に filter するか、元の要素を返してください。
Qmap は元の配列を変更しますか？
Aいいえ。ただしコールバック内で共有オブジェクトの要素を変更すると、元の配列にも影響します。
