JavaScript | 제어문

제어문의 종류

 

구분	종류	설명
조건문	if문 / else문 / else if문	조건에 따라 특정 코드 실행
선택문	switch문	일치하는 경우의 값이 있을 경우에만 실행
반복문	while문/for문	코드를 지정한 횟수만큼 반복해서 실행

 

 

if문

 

        if(조건){
            조건이 참일 때 실행할 명령
        }

 

        if(조건){
            조건이 참일 때 실행할 명령
        } else{
            조건이 거짓일 때 실행할 명령
        }

 

 

• 조건을 만족하는 경우에만 코드 실행
• 어떤 데이터를 입력해도 true 또는 false를 반환
• if ~ else : 조건을 만족할 경우 true와 만족하지 않을 경우 false에 따라 실행되는 코드가 달라짐

 

 

else if문

 

        if(조건){
            조건에 만족할 때 실행할 명령
        } else if(조건2){
            조건에 만족할 때 실행할 명령
        } else if(조건3){
            조건에 만족할 때 실행할 명령
        } else if(조건4){
            조건에 만족할 때 실행할 명령
        } else{
            모든 조건에 만족하지 않을 때 실행할 명령
        }

 

 

• 두가지 이상의 조건식과 정해놓은 조건을 만족하지 않을 때 실행되는 코드
• 가장 위에서 있는 조건1부터 4까지 차례로 검사하면서 만족하는 값이 나오면 그에 해당하는 코드 실행 후 조건문 종료
• 만족하는 조건이 하나도 없으면 마지막의 else문 실행

 

 

switch문

 

        switch(변수){
            case 값1 :
                값1과 같을 때 실행할 명령;
                break;
            case 값2 :
                값1과 같을 때 실행할 명령;
                break;
            case 값3 :
                값1과 같을 때 실행할 명령;
                break;
            default;
                case 값과 모두 같지 않을 때 실행할 명령;
        }

 

 

• 변수에 저장된 값과 switch문에 있는 경우의 값(case)을 비교하여 변수와 경우의 값이 일치하는 값이 있을 때 그에 해당하는 코드를 실행
• if문은 만족하는 데이터가 여러 개일 경우에 주로 사용, switch문은 여러 경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용

 

 

switch문 vs if문

 

let myChoice = 2;

switch(myChoice) {
  case 1:
    console.log('토끼를 선택한 당신, ...');
    break;
  case 2:
    console.log('고양이를 선택한 당신, ...');
    break;
  case 3:
    console.log('코알라를 선택한 당신, ...');
    break;
  case 4:
    console.log('강아지를 선택한 당신, ...');
    break;
  default:
    console.log('1에서 4사이의 숫자를 선택해 주세요.'); 
}

//----------------------------------------------------------

if (myChoice === 1) {
  console.log('토끼를 선택한 당신, ...');
} else if (myChoice === 2) {
  console.log('고양이를 선택한 당신, ...');
} else if (myChoice === 3) {
  console.log('코알라를 선택한 당신, ...');
} else if (myChoice === 4) {
  console.log('강아지를 선택한 당신, ...');
} else {
  console.log('1에서 4사이의 숫자를 선택해 주세요.');
}

 

 

• if문과 switch문은 동일하게 동작하지만, if문의 경우에는 조건값을 비교하는 조건식을 매번 작성해야하는 번거로움이 있음
• 넓은 범위를 만족하는 조건식을 만들 때는 if문을 활용하는 것이 좋고, 특정한 값에 일치하는 조건을 만들 때는 switch문이 좀 더 효과적
• switch문은 값들을 비교할 때 자료형을 엄격하게 구분함
• if문으로 대체할 때는 반드시 등호 3개(===)로 일치비교 하기

 

 

while문 / do while문

※ while문은 조건식의 결과에 따라 블럭이 한번도 수행되지 않을 수 있지만, do-while문은 최소한 한번은 수행할 것을 보장

while문

 

        while(조건){
            조건에 만족하는 동안 실행할 명령;
            증감식;
        }

 

 

• 조건에 만족하는 동안에 {  } 안에 있는 코드를 반복하여 실행

---

do-while문

        do{
            조건에 만족하는 동안
            실행할 명령;
            증감식;
        }while(조건)

 

 

• 먼저 조건식을 검사하고 조건을 비교하여 조건에 만족하면 명령문을 반복 실행하고 아니면 빠져나옴

 

 

for문

 

        for(초기값; 조건식; 증감식;){
            실행명령;
        }

 

 

• 가장 기본적인 반복문
• 조건에 만족할 때까지 특정 코드를 반복하여 실행
• 사용법은 while문과 같지만 while보다 편해서 while보다 사용빈도가 높은 편

 

 

중첩 for문

 

        for(초기값; 조건식; 증감식;){
            for(초기값; 조건식; 증감식;){
                반복 실행 명령;
            }
        }

 

• for문 안에 for문을 사용한 것을 중첩 for문이라고 함
• 예를들면, 자바스크립트를 이용해 3행 5열의 표를 만든다고 할 때 1행씩 행이 만들어질 때마다 5개의 열을 만들어야 할 때 사용

 

 

break문

 

• 반복문인 while문 또는 for문에서 조건식과 상관없이 강제로 반복문 종료

 

 

continue문

 

• 반복문에서만 사용가능
• continue문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사 실행