💡 새로 알게 된 것

map() 함수는 JavaScript 배열을 다룰 때 가장 자주 사용되는 도구 중 하나입니다. map()의 기본 개념부터 실제 활용 사례까지 알아봅시다.

map()이란?

• map()은 배열의 모든 항목을 하나씩 변환하여 새로운 배열을 만드는 함수입니다. 이 과정에서 원래 배열은 변하지 않고, 변환된 값들로만 구성된 새 배열이 만들어집니다.

map()의 동작 원리

1. 배열의 첫 번째 항목부터 하나씩 가져옵니다.
2. 각 항목에 대해 특정 작업(변환 작업)을 수행합니다.
3. 작업 결과를 새로운 배열에 추가합니다.
4. 모든 항목을 처리하면 변환된 새로운 배열을 반환합니다.

• 공식 문서의 기본 사용법

const newArray = oldArray.map((currentValue, index, array) => {
  // 변환 작업 수행
  return 변환된 값;
});

• oldArray: 원래 배열 • currentValue: 현재 처리 중인 항목 • index: 현재 항목의 순서 (0부터 시작) • array: 원래 배열 전체 • newArray: 변환된 결과를 담은 새로운 배열

• 쉽게 이해하는 비유 : map()은 마치 일을 시키는 로봇과 같습니다.

• 원래 배열: 로봇이 처리할 작업 목록

• 작업 규칙: 로봇에게 지시하는 작업 방법

• 새로운 배열: 로봇이 작업을 끝내고 나서 만들어낸 결과

• 예제: 숫자를 두 배로 만들기

const numbers = [1, 2, 3, 4, 5];

// 숫자를 두 배로 변환
const doubled = numbers.map((num) => num * 2);

console.log(doubled);
// 결과: [2, 4, 6, 8, 10]