배열 매핑하기
배열 매핑은 주어진 배열의 각 요소에 대해 특정한 연산을 수행하여 새로운 배열을 생성하는 과정입니다. 이는 자바스크립트를 비롯한 많은 프로그래밍 언어에서 자주 사용되는 패턴 중 하나입니다. 배열 매핑을 사용하면 기존의 배열을 변형하지 않고 새로운 배열을 생성할 수 있으므로 유용합니다.
매핑 함수
배열 매핑을 위해서는 각 요소에 대해 수행할 연산을 정의하는 매핑 함수가 필요합니다. 매핑 함수는 주어진 입력 값을 받아 연산을 수행하고 결과 값을 반환합니다. 일반적으로 매핑 함수는 익명 함수 형태로 사용되며, 반복문이나 고차 함수의 인자로 전달됩니다.
const numbers = [1, 2, 3, 4, 5];
const mappedNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(mappedNumbers); // [2, 4, 6, 8, 10]
위의 예시에서 map() 함수를 사용하여 numbers 배열의 모든 요소에 대해 2배를 곱한 새로운 배열 mappedNumbers를 생성하였습니다. 매핑 함수인 익명 함수는 각 요소를 매개변수로 받고, 해당 요소를 2배로 곱한 값을 반환합니다.
화살표 함수 사용하기
ES6 이후부터는 화살표 함수를 사용하여 좀 더 간결한 형태로 배열 매핑을 할 수 있습니다.
const numbers = [1, 2, 3, 4, 5];
const mappedNumbers = numbers.map(number => number * 2);
console.log(mappedNumbers); // [2, 4, 6, 8, 10]
화살표 함수는 함수 표현식을 단순화하여 표현하는 방법으로, 위의 예시에서 number => number * 2는 익명 함수를 줄인 형태입니다. 매핑 함수 내부의 코드가 간결해지므로 가독성이 좋아집니다.
참고 자료
#programming #javascript