JavaScript에서 배열을 다룰 때 종종 배열의 각 요소를 변환해야 할 때가 있습니다.
이런 경우 유용하게 사용되는 함수 중 하나가 map() 함수입니다.
map() 함수는 배열을 순회하면서 각 요소에 적용한 후 새로운 배열을 반환해줍니다. 이 함수를 사용하면 반복문 없이도 간단하게 배열의 요소를 변환할 수 있습니다.
map() 함수의 기본 구조
map() 함수의 기본 구조는 다음과 같습니다.
let newArray = array.map(function(currentValue, index, array) {
// 새로운 배열의 요소를 반환합니다.
});- currentValue: 배열에서 현재 처리 중인 요소입니다.
- index (선택 사항): 배열에서 현재 처리 중인 요소의 인덱스입니다.
- array (선택 사항): map()이 호출된 배열입니다.
숫자 배열의 각 요소를 두 배로 만들기
아래 예시를 통해 map() 함수를 살펴 보겠습니다.
See the Pen Untitled by saladent (@saladent) on CodePen.
위 코드에서는 map() 함수를 사용하여 numbers 배열의 각 요소를 두 배로 만들었습니다. map() 함수는 각 요소에 제공된 함수를 적용하고 새로운 배열을 반환했습니다.
화살표 함수를 사용한 간략한 표현
ES6부터 도입된 화살표 함수를 사용하면 코드를 더 간결하게 만들 수 있습니다.
See the Pen map() 화살표함수 by saladent (@saladent) on CodePen.
화살표 함수를 사용하면 함수의 표현이 더 간단해지고 가독성이 좋아집니다.
요약
JavaScript의 map() 함수는 배열의 각 요소를 변환하는 간편하고 강력한 도구입니다.
이 함수를 사용하면 반복문을 사용하지 않고도 배열의 요소를 변환할 수 있으며, 화살표 함수와 함께 사용하면 코드를 더욱 간결하게 만들 수 있습니다.