TypeScript - 반복문: 효율적인 프로그래밍의 관문

안녕하세요, 미래의 코딩 슈퍼스타! 오늘 우리는 TypeScript의 반복문 세계를 통해 흥미로운 여정을 떠납니다. 네 동네 친절한 컴퓨터 교사로서, 많은 예제와 설명, 그리고 몇 가지 유머까지 동반하여 이 모험을 안내해 드리겠습니다. seatbelt를 채우고 다이빙해 봅시다!

TypeScript - Loops

반복문 이해: 기본 개념

불편한 부분을 알아보기 전에, 간단한 질문으로 시작해 보겠습니다: 반복문이 무엇인가요? 상상해 보세요, "저는 TypeScript를 사랑해요"라는 문장을的黑板에 100번 쓰는 임무를 맡겼을 때. 지루하지 않나요? 이때 반복문이 유용하게 쓰입니다! 반복문을 사용하면 같은 코드를 반복적으로 작성하지 않고도 지시문을 여러 번 실행할 수 있습니다.

TypeScript에서는 여러 종류의 반복문이 있지만, 오늘은 가장 흔히 사용되는 for, while, do-while 반복문에 집중할 것입니다.

'for' 반복문

for 반복문은 다용도 도구와도 같은东西 - 다재다능하고 강력합니다. 기본 구조는 다음과 같습니다:

for (초기화; 조건; 증가/ 감소) {
// 실행할 코드
}

예제로 설명해 보겠습니다:

for (let i = 0; i < 5; i++) {
console.log("반복 횟수: " + i);
}

이 코드에서:

  • let i = 0는 우리의 카운터 변수를 초기화합니다.
  • i < 5는 각 이터레이션 전에 확인되는 조건입니다.
  • i++는 각 이터레이션 후에 카운터를 증가시킵니다.

출력은 다음과 같습니다:

반복 횟수: 0
반복 횟수: 1
반복 횟수: 2
반복 횟수: 3
반복 횟수: 4

'while' 반복문

while 반복문은 클럽에서 입장을 확인하는 보디가드와도 같습니다. 조건을 만족할 때까지 확인합니다. 다음과 같이 보입니다:

while (조건) {
// 실행할 코드
}

다음은 그것을 활용한 예제입니다:

let count = 0;
while (count < 5) {
console.log("카운트는: " + count);
count++;
}

출력은 다음과 같습니다:

카운트는: 0
카운트는: 1
카운트는: 2
카운트는: 3
카운트는: 4

'do-while' 반복문

do-while 반복문은 while 반복문의 더 낙천적인 동생과도 같습니다. 조건을 확인하기 전에 코드 블록을 최소한 한 번 실행합니다. 구조는 다음과 같습니다:

do {
// 실행할 코드
} while (조건);

다음은 그 예제입니다:

let num = 0;
do {
console.log("숫자는: " + num);
num++;
} while (num < 5);

출력은 다음과 같습니다:

숫자는: 0
숫자는: 1
숫자는: 2
숫자는: 3
숫자는: 4

break 문: 멈추는 시기 알기

이제 상상해 보세요, 당신은 무제한 buffe에서 식사를 하고 있습니다. break 문은 뇌가 말하는 것과 같습니다: "죄송합니다, 충분히 먹었습니다!" 특정 조건이 충족되면 루프를 일찍 종료할 수 있게 해줍니다.

다음은 그 예제입니다:

for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log("현재 숫자: " + i);
}

출력은 다음과 같습니다:

현재 숫자: 0
현재 숫자: 1
현재 숫자: 2
현재 숫자: 3
현재 숫자: 4

루프는 i가 5가 되면 종료합니다.

continue 문: 박자 건너뜀

continue 문은 재생 목록에서 노래를 건너뛰는 것과도 같습니다. 현재 이터레이션의 나머지 코드를 건너뛰고 다음 이터레이션으로 이동합니다.

다음은 그 활용 예제입니다:

for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log("숫자: " + i);
}

출력은 다음과 같습니다:

숫자: 0
숫자: 1
숫자: 3
숫자: 4

2가 누락되었습니다. i가 2였을 때, continue 문이 나머지 이터레이션을 건너뛰었기 때문입니다.

무한 루프: 끝이 없는 루프

무한 루프는 반복되는 노래와도 같습니다. 영원히 계속됩니다(또는 컴퓨터의 메모리가 다 떨어질 때까지). 일반적으로 부주의로 발생하지만, 무한 루프가 유용할 수 있는 경우도 있습니다.

다음은 무한 루프의 예제입니다:

while (true) {
console.log("이 노래는 결코 끝나지 않습니다...");
}

경고: 이 코드를 실행하지 마세요. 컴퓨터가 영원히 노래를 부를 것입니다!

실제 애플리케이션에서는, 무한 루프가 게임 개발이나 지속적으로 활동해야 하는 프로세스에서 자주 사용됩니다.

루프 메서드: 효율적인 코딩을 위한 도구 상자

루프를 통한 여정을 마무리하면서, 루프 작업을 더 쉽게 만들어 주는 몇 가지 유용한 메서드를 살펴보겠습니다:

메서드 설명 예제
forEach() 배열의 각 요소에 대해 제공된 함수를 한 번씩 실행 array.forEach((item) => console.log(item));
map() 배열의 각 요소에 대해 제공된 함수를 호출하여 새로운 배열을 생성 const newArray = array.map((item) => item * 2);
filter() 제공된 함수의 테스트를 통과한 모든 요소로 새로운 배열을 생성 const filteredArray = array.filter((item) => item > 5);
reduce() 배열의 각 요소에 대해 리듀서 함수를 호출하여 단일 출력 값을 생성 const sum = array.reduce((acc, curr) => acc + curr, 0);

이 메서드들은 종伝적인 루프를 대체하여 코드를 더 읽기 쉽고 효율적으로 만들 수 있습니다.

그렇게 해서, TypeScript의 반복문에 대한 급성 교육을 마쳤습니다. 연습이 완벽을 만든다는 것을 기억하고, 이 개념들을 실험해 보지 마세요. 행복한 코딩 되세요, 반복문이 항상 여러분 편이 되길 바랍니다!

Credits: Image by storyset