Map 이란

Map은 하나의 array에 있는 아이템을 내가 원하는 무엇이든지로 바꿔주는 역활

Map() 메서드는 배열에서 사용되며, 배열의 모든 요소를 순회하면서 새로운 배열을 생성하는 메서드입니다. Map() 메서드를 사용하면 기존 배열의 요소를 변경하지 않으면서 각 요소를 변경하거나 다른 형태로 변환할 수 있습니다.

아래는 Map() 메서드를 사용한 예시입니다.

// 배열의 각 요소에 2를 곱하여 새로운 배열을 생성
const numbers = [1, 2, 3, 4, 5];
const multipliedNumbers = numbers.map(function(num) {
  return num * 2;
});
console.log(multipliedNumbers); // [2, 4, 6, 8, 10]

// 배열의 문자열 요소를 모두 대문자로 변환하여 새로운 배열을 생성
const fruits = ['apple', 'banana', 'orange'];
const upperCaseFruits = fruits.map(function(fruit) {
  return fruit.toUpperCase();
});
console.log(upperCaseFruits); // ['APPLE', 'BANANA', 'ORANGE']

위의 예시에서는 각 요소에 대해 2를 곱하거나, 문자열을 대문자로 변환하는 새로운 배열을 생성하였습니다. Map() 메서드는 콜백 함수를 사용하여 각 요소를 변경하고 새로운 배열을 반환하는데, 이때 콜백 함수의 첫 번째 매개변수는 배열의 요소이며, 두 번째 매개변수는 인덱스입니다. 콜백 함수에서 두 번째 매개변수를 사용하면 배열 요소의 위치에 따라 다른 작업을 수행할 수도 있습니다.