본문 바로가기
HTML, CSS, JavaScript/자바스크립트

반복문 (for, while, do-while)

by JDI_ 2022. 6. 29.

반복문은 이름에서 알 수 있듯 똑같은 명령을 반복하기 위해서 쓴다.

 

반복을 하는데 이런게 필요한 것 같다.

 

1. 반복할 내용

2. 얼마나 반복할지 (선택)

 

얼마나 반복할 것인지 어떻게 정할 수 있을까? 

원하는만큼 반복하려면 반복의 횟수를 알 수 있어야한다. 그러려면 그 횟수를 저장할 수 있는 변수가 필요하다.

 

1. 초기값 : 반복을 정하는 변수를 설정한다

2. 조건 : 반복할 횟수를 설정한다

3. 증감률 : 한 번 반복할 때 얼마나 횟수를 늘릴지 정한다 (반복할 내용을 실행한 다음에 실행한다)

 

위 요소들은 생략할 수 있는데, 증감률을 생략하면 조건이 참일 경우 무한히 반복하게된다.

모든 요소를 생략하게되면 무한히 반복하게 된다.

 

반복문을 쓰는데는 for, while, do-while, for-in, for-of문이 있다. 

 

1. for문 

 

()안에 얼마나 반복할지 초기값과 조건, 증감률을 적고 {}안에 반복할 내용을 적는다.

for (begin; condition; step){
	statement
}

예시

for (let i = 0; i < 3; i++){
	alert(i);
}

조건 요소들을 생략하면 이렇게도 적을 수 있다.

let i = 0;

for(; i < 3; i++){alert(i)} // 초기값의 생략

//

let i = 0;

for(; i < 3;){alert(i++)} // 초기값과 증감률의 생략

 

2. while문 

 

 

while (condition) {
	statement
}

for문과 다르게 초기값을 밖에 적고, 증감률을 {} 안에 적는 모습을 볼 수 있다. 

let i = 0;
while (i < 3){
	alert( i );
    i++;
}

 

3. do-while문 

 

do-while문은 다른 반복문과는 다르게 무조건 한 번은 내용을 실행하는 반복문이다. 

do {
	statement
} while (condition);

예시

let i = 0;
do{
	alert(i);
    i++;
} while (i < 3);

 

참고 : https://ko.javascript.info/while-for

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration

댓글