[JS] map


Map


map関数は、コールバック関数の結果を持つ新しい配列を作成するために使用されます.
array.map(callbackfunction(value, index, array), this){
return 리턴된 해당 값들을 선언하는곳;
})
上記の例に示すように、valueは配列の周りで使用される現在値であり、indexは現在値のインデックスであり、arrayはmap関数を先に使用したarray本人である.後のthisはコールバック関数でthisが使用する値です.
const data = [1,2,3,4,5,6]
const addData = data.map(function(value){
  return value = value + value;
});

console.log(addData) // [2,4,6,8,10,12]
上記の例に示すように、新しく宣言された配列は、addDataの変数にコールバック関数を適用します.
矢印関数を使用すると、これらの内容をより簡単に宣言できます.
const data = [1,2,3,4,5,6]
const addData = data.map(value => value+value);

console.log(addData) // [2,4,6,8,10,12]
Map関数はオブジェクトにも使用できます.
const cats = [
  { name : 'Lucky' , age : 2},
  { name : 'Vanilla', age : 1},
  { name : 'Latte', age : 1},
  { name : 'midSummer', age : 1}
]

const cat = cats.map(function(value, index){
  let check = {}
  check.[value.name] = value.age;
  return check;
});

console.log(cat) 
/*** [
  { Lucky : 2 },
  { Vanilla : 1 },
  { Latte : 1 },
  { midSummer : 1 }
]
上記の例に示すように、オブジェクトのキー値とそのオブジェクトのキー値に対応するデータを個別にロードして変更できます.