【JSリファレンス】Array.prototype.map()

更新日：2024/06/14

Array.prototype.map()は、Arrayオブジェクト(Arrayコンストラクターのインスタンス)のプロトタイプチェーンに組み込まれるメソッドです。
配列内の各要素を順番にコールバック関数に渡して、コールバック関数が返した値で新しい配列を生成します。

欠番インデックスは、コールバック関数呼び出しされません。
また、インデックスと値の関係は維持されます。

 

■構文


 Array.prototype.map ( callbackfn [ , thisArg ] )
  1. callbackfn: 各要素毎に呼び出される関数
  2. thisArg: 省略可能。
    callbackfnに渡されるthis値

    ※this値を渡す場合、callbackfnはアロー関数ではなくfunctionで定義する

生成されたArrayオブジェクト

 

■callbackfnの構文


callbackfn ( value , index , array ){  }
  1. value: 要素の値
  2. index: 要素のインデックス
  3. array: 対象となっている配列
新しいArrayオブジェクトにセットする値

 

■使用例

const array = [1,2,3];
const array2 = array.map(e=>e*2)
console.log( array2 ); // [ 2, 4, 6 ]

 

■備考

call()等でアレイライクオブジェクトを対象にすることも可能です。

const arrayLike = {0:1,1:2,2:3,length:3};;
 const array = Array.prototype.map.call(arrayLike,e=>e*2);
 console.log( array ); // [ 2, 4, 6 ]

 

関連ページ

●【JavaScript】 forEach/map/filter/reduceを根本的に理解する

更新日：2024/06/14

書いた人（管理人）：けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない？」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://jsref.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。