배열의 요소를 반복하면서 데이터를 수정해야 하는 경우가 많이 있습니다. TypeScript에서는 for 반복문, forEach 메서드, map 메서드 등을 사용하여 배열의 요소를 수정할 수 있습니다. 이번 포스트에서는 TypeScript에서 반복문을 사용하여 배열의 데이터를 수정하는 방법에 대해 알아보겠습니다.

for 반복문을 사용한 데이터 수정

for 반복문은 가장 기본적인 반복문으로, 배열의 각 요소에 접근하여 수정할 수 있습니다. 다음은 for 반복문을 사용하여 배열의 요소를 수정하는 예제입니다.

let numbers: number[] = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
  numbers[i] = numbers[i] * 2;
}

위 예제에서는 numbers 배열의 각 요소에 2를 곱하여 값을 수정하고 있습니다.

forEach 메서드를 사용한 데이터 수정

forEach 메서드는 배열의 각 요소에 대해 지정된 함수를 실행할 수 있는 메서드입니다. 다음은 forEach 메서드를 사용하여 배열의 요소를 수정하는 예제입니다.

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.forEach((value, index, array) => {
  array[index] = value * 2;
});

위 예제에서는 forEach 메서드를 사용하여 배열의 각 요소에 2를 곱하여 값을 수정하고 있습니다.

map 메서드를 사용한 데이터 수정

map 메서드는 배열의 각 요소에 대해 지정된 함수를 실행하고, 그 결과로 새로운 배열을 생성합니다. 다음은 map 메서드를 사용하여 배열의 요소를 수정하는 예제입니다.

let numbers: number[] = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map((value) => value * 2);

위 예제에서는 map 메서드를 사용하여 numbers 배열의 각 요소에 2를 곱한 새로운 배열을 생성하고 있습니다.

정리

이번 포스트에서는 TypeScript에서 배열의 요소를 반복하면서 데이터를 수정하는 방법에 대해 알아보았습니다. for 반복문, forEach 메서드, map 메서드 모두 배열의 요소를 수정하는 유용한 방법이니, 상황에 맞게 적절히 활용하시기 바랍니다.