본문 바로가기
JavaScript

[JavaScript] 반복문

by byeongoo 2019. 5. 23.

1. while문

while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true)면 중괄호 안의 코드 구간을 반복적으로 실행합니다. 조건이 false면 반복문이 실행되지 않습니다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있습니다. 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않습니다.

 

var i = 0;
// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
while(i < 10){
    // 반복이 실행될 때마다 coding everybody 출력된다.
    console.log('coding everybody');
    // i의 값이 1씩 증가한다.
    i++
}

 

2. for문

for(var i = 0; i < 10; i++){
    console.log('coding everybody' + i);
}

for문은 제일 먼저 '초기화'를 합니다. 위의 예제에서 초기화는 var i = 0;이다. 즉 변수 i의 값을 0으로 설정한 것입니다. 그 다음에는 '반복조건'인 i < 10이 실행됩니다. 현재 i의 값은 0입니다. 그렇기 때문에 이 조건은 참이다. 반복조건이 참이면 중괄호 안의 내용이 실행됩니다. 그렇게 반복해서 작업이 실행됩니다. 이 과정에서 i의 값은 반복 할 때마다 1씩 증가한다. 결국 i의 값이 10이 되는 순간 i < 10을 충족시키지 못하게 되고 반복문은 종료됩니다.

 

3. break

반복작업을 중간에 중단시키고 싶다면 어떻게 해야할까요?  break를 사용하면 됩니다. 아래의 예제는 위에서 살펴본 예제를 일부 변형한 것입니다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    console.log('coding everybody'+i);
}

 

4. continue

그럼 실행을 즉시 중단 하면서 반복은 지속돼게 하려면 어떻게 해야 할까요? 이전 예제의 break를 continue로 변경했을 뿐이지만 결과는 전혀 다릅니다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
	console.log('coding everybody'+i);	
}

 

'JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트 배열  (0) 2019.05.23
[JavaScript] 자바스크립트 함수  (0) 2019.05.23
[JavaScript] 조건문  (0) 2019.05.23
[JavaScript] 비교 연산자(==, ===)  (0) 2019.05.23
[JavaScript] 변수의 사용  (0) 2019.05.23