자바스크립트 반복문 for문과 while문 예제로 쉽게 배우기

오늘은 자바스크립트에서 반복문을 다루는 방법에 대해 자세히 알아보겠습니다. 이번 포스트는 자바스크립트를 처음 공부하는 분들도 쉽게 따라할 수 있도록 예제와 함께 작성하였습니다.

자바스크립트에서 반복문은 코드를 반복해서 실행할 수 있는 구문으로, 특히 데이터를 처리할 때 자주 사용됩니다. 반복문을 사용하면 불필요한 중복 코드를 줄일 수 있어서 코드의 길이를 간결하게 만들 수 있습니다.

이제 반복문의 종류와 사용법에 대해 알아보겠습니다.

자바스크립트 for문

for문은 가장 일반적으로 사용되는 반복문으로, 지정된 횟수만큼 코드를 반복합니다. 아래는 for문의 기본 구조입니다.

for (초기식; 조건식; 증감식) {
  // 반복 실행할 코드
}

초기식에서는 반복문에서 사용할 변수를 선언하고 초기화합니다. 조건식에서는 변수가 참인 동안 반복문이 실행됩니다. 증감식에서는 변수의 값을 증가시키거나 감소시킵니다.

예를 들어, 1부터 10까지의 합을 계산하는 코드를 for문으로 작성하면 다음과 같습니다.

let sum = 0;
for (let i = 1; i <= 10; i++) {
  sum += i;
}
console.log(sum); // 결과: 55

위 코드에서 초기식에서 변수 i를 1로 초기화하였고, 조건식에서 i가 10보다 작거나 같은 동안 반복문이 실행됩니다. 증감식에서는 i의 값을 1씩 증가시킵니다.

자바스크립트 while문

while문은 조건식이 참인 동안 반복문을 실행합니다. 아래는 while문의 기본 구조입니다.

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

조건식이 참인 동안 반복문이 실행되므로, 초기식과 증감식이 필요하지 않습니다.

예를 들어, 1부터 10까지의 합을 계산하는 코드를 while문으로 작성하면 다음과 같습니다.

let sum = 0;
let i = 1;
while (i <= 10) {
sum += i;
i++;
}
console.log(sum); // 결과: 55

위 코드에서는 초기식에서 변수 `i`를 1로 초기화하였고, 조건식에서 `i`가 10보다 작거나 같은 동안 반복문이 실행됩니다. 반복문이 실행될 때마다 `sum` 변수에 `i`를 더하고, `i`의 값을 1씩 증가시킵니다. 

자바스크립트 do-while문

do-while문은 while문과 유사하지만, 조건식을 뒤에서 검사한다는 점이 다릅니다. 즉, do-while문은 최소 한 번은 실행됩니다. 아래는 do-while문의 기본 구조입니다.

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

예를 들어, 1부터 10까지의 합을 계산하는 코드를 do-while문으로 작성하면 다음과 같습니다.

let sum = 0;
let i = 1;
do {
  sum += i;
  i++;
} while (i <= 10);
console.log(sum); // 결과: 55

위 코드에서는 초기식에서 변수 i를 1로 초기화하였고, 반복문이 실행될 때마다 sum 변수에 i를 더하고, i의 값을 1씩 증가시킵니다. 조건식은 i가 10보다 작거나 같은지 검사합니다.

반복문을 사용할 때 주의할 점은 무한 반복에 빠지지 않도록 조건식을 항상 검사하는 것입니다.

또한, 초기식과 증감식을 적절하게 사용하여 반복문의 횟수를 조절하는 것도 중요합니다.

이상으로 자바스크립트에서 반복문을 다루는 방법에 대해 알아보았습니다. 예제와 함께 쉽게 따라할 수 있도록 작성하였으니, 자바스크립트를 처음 공부하는 분들도 쉽게 이해하실 수 있을 것입니다. 많은 연습을 통해 반복문을 더욱 자유롭게 다룰 수 있도록 노력해보세요!