map

Map()

map은 하나의 키와 값으로 이루어진 쌍을 만든다.

어떤 배열의 모든 요소 값을 변경하여 새로운 배열을 만들기 위할 때 쓰임, 반복문을 돌며 요소를 1대1 매칭함.

이때는 Array.map()을 이용하면 됨

배열을 1대1 짝을 짓되, 기존 객체를 수정하지 않는 메서드이다.

 >> 배열.map((요소, 인덱스, 배열) => {return 요소});

 

* map 실행 시 배열과 결과로 나오는 배열과는 다른 객체이므로 서로 같을 수는 없다.

const oneTwoThree = [1, 2, 3];
let result = oneTwoThree.map((v) => {
  console.log(v);
  return v;
});
// 콘솔에는 1, 2, 3이 찍힘
oneTwoThree; // [1, 2, 3]
result; // [1, 2, 3]
oneTwoThree === result; //false

* 만약 객체 배열일 경우

let names = [
	{firstname: "ana", lastName: "sjs"},
    {firstname: "all", lastName: "wer"}
];

let fullnames = names.map(function(element){
	return '${element.firstname} ${element.lastName}';
})

 

 

 

 

 

 

 

 

출처: https://www.freecodecamp.org/korean/news/javascript-map-method/

JavaScript Map - JS.map() 함수 사용 방법 (배열 메소드)

https://www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d

https://www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d