新しい配列に結果を入れる.map🍣

mapメソッド

与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成します。
.map

構文

let new_array = 配列.map(function(引数) {
    // return 新しい配列の要素を返す;
});

まずfor文

var numbers = [1,2,3]
var doubledNumbers = [];

for(var i = 0; i < numbers.length; i++){
  doubledNumbers.push(numbers[i]*2);
}

↑をmapを使って書き換える

var numbers = [1,2,3]

var doubled = numbers.map(function(number) {
   return number * 2;
});

doubled;

//結果
3
[2,4,6]

配列からある情報のみを抜き取る

var cars = [
  {type: '軽自動車', price: '安い'},
  {type: '高級車', price: '高い'}
];

var prices = cars.map(function(car){
  return car.price;
});

prices;
//結果 ["安い","高い"]

計算をしてみる(距離/時間)

var trips = [
  { distance: 34, time: 10 },
  { distance: 90, time: 50 },
  { distance: 59, time: 25 }
];

var speeds = trips.map(function(trip){
    return (trip.distance)/(trip.time);
});