TypeScript - 반복문: 효율적인 프로그래밍의 관문
안녕하세요, 미래의 코딩 슈퍼스타! 오늘 우리는 TypeScript의 반복문 세계를 통해 흥미로운 여정을 떠납니다. 네 동네 친절한 컴퓨터 교사로서, 많은 예제와 설명, 그리고 몇 가지 유머까지 동반하여 이 모험을 안내해 드리겠습니다. seatbelt를 채우고 다이빙해 봅시다!
반복문 이해: 기본 개념
불편한 부분을 알아보기 전에, 간단한 질문으로 시작해 보겠습니다: 반복문이 무엇인가요? 상상해 보세요, "저는 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