배열을 순회하면서 각 요소를 다른 값으로 변환해야 할 때가 있습니다. TypeScript에서는 map 메서드를 사용하여 간단하게 배열 요소를 매핑할 수 있습니다.

const originalArray: number[] = [1, 2, 3, 4, 5];

// 각 요소를 제곱한 새로운 배열 생성
const squaredArray: number[] = originalArray.map(num => num ** 2);

console.log(squaredArray); // [1, 4, 9, 16, 25]

map 메서드는 원본 배열을 변형시키지 않고, 각 요소에 주어진 콜백 함수를 적용한 새로운 배열을 반환합니다. 이를 활용해 배열 요소를 효과적으로 매핑할 수 있습니다.

이와 같은 배열 요소 매핑 기술은 TypeScript 및 JavaScript에서 매우 일반적으로 사용되므로, 기본적인 문법과 활용법을 익혀두는 것이 좋습니다.

더 많은 정보는 MDN web docs를 참고하세요.