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 |