5. [Javascript] 반복문-for, while, break, continue

목차

• 반복문의 목적
• for문의 구조
• do while/while문의 구조
• break와 continue 사용법

1. 반복문의 목적

반복문의 구조에 대해서 설명하기 이전에, 간단하게 반복문이 왜 쓰이고 어느 상황에 쓰이는지 설명해주겠다. 반복문이란 말 그대로 특정 행위를 반복적으로 행하는 것이다. 반복문은 특정 코드를 여러번 실행 할때 쓰인다. 만약 "ong"을 한번만 출력할 것이라면 모르겠지만 아래와 같이 "ong"을 10번 출력하기 위해서 같은 코드를 10번이나 입력하는 것은 매우 비효율적이다. 반복문은 이런 비효율적인 부분을 for문 또는 while문을 통해 효율적인 부분으로 바꿀수 있다.

console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");
console.log("ong");

for(int i = 0; i < 10; i++){
	console.log("ong");
}

 

2. for문의 구조

for문은 위의 코드로 볼 수 있듯이 3가지 파트로 구분할 수가 있으며, 각각의 파트는;로 구분되어 있다. 첫번째 파트는 조건이 반복될 수의 초기값을 입력한다. 주로 이곳에 int i = 0; 또는 i = 0을 사용한다. 두번째 파트는 첫번째 파트에서 설정한 숫자의 범위이다. 만약 첫번째 파트에서 설정한 숫자가 이 범위를 부합하지 않는다면 for문을 멈춘다. 마지막 파트는 루프를 한번 반복할 때마다 첫번째 파트에서 설정한 숫자가 얼마나 증가할지를 알려준다. 위의 코드를 분석해 보자면 이 루프는 i의 초기값을 0으로 설정하고 매 루프마다 i가 1씩 증가하다가 만약 i 값이 10을 초과한다면 for 문을 멈추는 구조이다. 즉 console.log("ong")을 10번 실행한다. 

 

3. while/do while문의 구조

while문의 구조는 매우 간단하다. while 옆의 괄호에 조건을 적고, 만약 그 조건이 거짓이 될 시에 while문을 중단한다. 아래 코드에서는 a의 값을 0으로 선언하고  while옆의 조건에 a가 10이하일때 docoment.write("ong")을 실행하고 a에 1을 더하라고 되어있다.  

 

See the Pen Untitled by junjason-dev (@junjason-dev) on CodePen.

이제 do while문을 살펴보자. do while문은 while문과 매우 유사하게 생겼다. 단지 조건이 실행 코드 뒤로 이동했을 뿐이다. 아래 예제를 분석해보자. while문과 똑같이 먼저 a에 0이라는 값을 대입해준다. 이제부터 while문과의 차이점이 들어난다. while문은 조건을 확인한 후에 동작을 실행했지만 do while문은 그 반대로 동작을 실행하고 그 다음에 조건을 확인한다. 

See the Pen do while by junjason-dev (@junjason-dev) on CodePen.

4. break와 continue 사용법

이전 강의를 보신 분이라면 break를 이미 알고있을수도 있다. break는 지난 switch 강의에서 한번 설명한 적이 있다. 반복문에서의 break 역할은 switch 에서와 비슷하게 해당 반복문을 나오는 것이다. continue는 반복문과 유사하지만 조금 다르다. break는 해당 for문을 탈출해버리지만 continue는 해당 루프만 나온다. 이게 무슨뜻이냐면 만약 i가 10까지 반복되는 for 반복문이 있다고 가정할때 i값이 4일때 break를 만난다면 바로 for문을 나오지만 continue는 i 값이 5인 루프로 간다. 다음 수업에는 변수의 유효 범위에 대해 설명하겠다.