TypeScript에서 데이터를 변환할 때 자주 사용하는 방법 중 하나는 반복문을 이용하는 것입니다. 이번 블로그에서는 for…of 반복문을 사용하여 배열의 요소들을 변환하는 방법에 대해 알아보겠습니다.

for…of 반복문

for…of 반복문은 배열의 모든 요소들에 대해 반복 작업을 수행할 수 있습니다. 아래의 예제를 통해 이를 살펴보겠습니다.

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

for (const num of originalArray) {
    transformedArray.push(num * 2);
}

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

위 예제에서는 originalArray 배열의 각 요소를 for…of 반복문을 통해 가져와서 그 값에 2를 곱한 후 transformedArray 배열에 추가하는 방식으로 데이터를 변환했습니다.

Array.map() 함수

또 다른 방법으로는 Array.map() 함수를 사용하는 것입니다. 이 함수는 콜백 함수를 사용하여 배열의 각 요소를 변환한 새로운 배열을 반환합니다.

let originalArray: number[] = [1, 2, 3, 4, 5];
let transformedArray: number[] = originalArray.map(num => num * 2);

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

위 예제에서는 Array.map() 함수를 사용하여 각 요소를 2를 곱한 새로운 배열을 만들었습니다.

결론

for…of 반복문과 Array.map() 함수는 TypeScript에서 데이터를 변환하는 데 유용한 두 가지 방법입니다. 이를 통해 간결하고 효율적으로 데이터를 변환할 수 있습니다.

다른 흥미로운 방법이 있을 수도 있겠지만, 이러한 간단한 방법들을 통해 코드를 읽기 쉽고 유지보수하기 쉽게 만들 수 있습니다.

참고 자료

• MDN Web Docs - for…of
• MDN Web Docs - Array.prototype.map()

이상으로 TypeScript를 이용한 데이터 변환에 대해 알아보았습니다. 감사합니다!