map メソッド（JavaScript）で配列操作

published: 2018.04.23

JavaScriptで配列の操作に利用する、 map メソッドに関する簡単な備忘録。

map メソッドについて

map メソッドは配列の各要素に対して、指定した関数を呼び出し、結果から新しい配列を返す。

var array = [1, 2, 3];
var result = array.map(function(num) {
  return num * num;
});
console.log(result); // [1, 4, 9]

map メソッドを利用したサンプル

全ての要素の型がオブジェクトかつ、同じプロパティを持っている配列に対して、 map メソッドを利用して新しい配列を作るサンプル。

var hoge = [
  {
    huga: 1
  },
  {
    huga: 2
  },
  {
    huga: 3
  }
];

var result = hoge.map(function(obj) {
  return obj.huga;
});

console.log(result); // [1, 2, 3]