제어문 - 1. 조건문

Ⅰ. 조건문

1. 조건문

 - 자바스크립트의 제어문에는 if 조건문switch 조건문이 있음

 

2. if 문의 구조

 - if 문의 조건식 결과가 True라면 명령문을 실행

 - 조건식의 결과가 False라면 명령문을 건너 뜀

console.clear();
var a = 10;

// a가 5보다 크므로 조건문이 True임
if (a > 5) {
  console.log('참');   // 참
}

 

3. if ~ else 문의 구조

 - if 문의 조건식 결과가 True라면 명령문을 실행

 - if 문의 조건식 결과가 False라면 if문 안에 명령문을 실행하지 않고 else문 안에 명령문을 실행

console.clear();
var a = 3;

// a가 5보다 작으므로 조건문이 False임
if (a > 5) {
  console.log('참');
} else {
  console.log('거짓'); // 거짓
}

 

4. if ~ else if 문의 구조

 - if 문의 조건식 결과가 True라면 명령문1을 실행

 - if 문의 조건식 결과가 False라면 if 문 안에 명령문을 실행하지 않고 else if 문의 조건문을 확인

 - else if 문의 조건문이 True일 경우, else if 문 안에 명령문을 실행

 - else if 문의 조건문이 False일 경우, else if 문 안에 명령문을 실행하지 않음

console.clear();
var age = 18;

// 나이가 18세 이므로 조건문에 맞는 청소년이 출력됨
if (age >= 20) {
  console.log('성인');
} else if (age <= 19) {
  console.log('청소년');     // 청소년
} else if (age <= 10) {
  console.log('10세 이하');
}

 

5. switch 조건문

 - 조건문에 맞는 case를 찾아서 실행

 - break를 넣지 않으면 모든 경우를 실행하므로 break를 넣어야 함 

 - default 모든 조건이 해당 되지 않을 경우, 실행함

console.clear();
var a = 3;

switch (a - 2) {
  case 0 :
    console.log('0');
    break;
  case 1 :
    console.log('1');
    break;
  case 2 :
    console.log('2');
    break;
  case 3 :
    console.log('3');
    break;
  default :
    console.log('잘못된 값');
    break;
}

 

'Front-End Study > JavaScript' 카테고리의 다른 글

Console  (0) 2022.10.25
제어문 - 3. 반복문  (0) 2022.10.25
연산자  (0) 2022.10.23
자료형  (0) 2022.10.23
변수 - 2. 스코프 (Scope)  (0) 2022.10.23