[Javascript] 제어문 - 조건문

Wecode 2주차(Javascript) 미션 겸, if-else 조건문, switch 조건문의 복습을 위함.

---

💛 조건문

- 조건문이란?

특정조건을 만족할 시 실행하기 위한 명령어의 집합이며, 종류로는 if 조건문, switch 조건문, 삼항연산자 등이 있다.

---

- 조건문의 종류

 

1. if 조건문

let score = 96;

// if statements
if (score >= 70) {
  console.log('pass');
}
else if (score >= 60) {
  console.log('test again');
}
else {
  console.log('fail');
};

if 조건문의 기본 형식이다. if (조건) { statements }로, 조건이 true일 때 statements를 실행한다.

조건이 false일 땐, else의 statements가 실행되며 정의되지 않았다면 별도 실행없이 조건문이 종료된다.

조건을 추가하고 싶을 때는, 위처럼 else if (조건2) { statements2 }를 추가하면 된다.

 

* 조건문에서 false 취급되는 값은 아래가 있다. - 참고(abangpa1ace.tistory.com/9 - 자료형 종류 중 boolean 부분)

  → false, undefined, null, 0, NaN(Not a Number), ""(empty string)

 

* 조건문에서 조건의 true/false 반환을 위해 비교 연산자(Operator)가 사용되며, 종류는 아래와 같다.

• ==, ===(일치) / !=, !==(불일치) → '9' == 9 (~true) vs '9' === 9 (~false), 차이점은 type 비교유무
• >(크다), <(작다)
• >=(크거나 같다), <=(작거나 같다)

if statements 내에, 다른 if 조건문을 넣음으로써 2중, 3중 비교도 가능하다.

 

 

2. 삼항 연산자(Ternary Operator)

 

2가지 조건의 비교는, 간단하게 삼항 연산자로 작성 가능하다. 아래는, if문의 if, else만 삼항 연산자로 바꾼 것. 

let score = 96;

// Ternary Operator
(score >= 70) ? console.log('pass') : console.log('fail');

문법은, (조건문) ? true statement : false statement 이다.

 

 

3. Switch 조건문

 

비교보다는, 변수가 일치할 수 있는 여러값들에 따라 statements를 실행하고자 할 때 사용되는 조건문이다.

const browser = undefined;		// IE, Chrome, Firefox...

switch (browser) {
  case "IE":
    console.log("go away!");
    break;
  case "Chrome":
  case "Firefox":
    console.log("love you!");
    break;
  default:
    console.log("same all!");
    break;
}

문법은, 위처럼 switch(변수) { 비교문 } 형태이며, 안에는 case "조건값" : statements 들을 필요한 만큼 추가한다.

• 각 statements 후, 반드시 break; 를 작성해줘야 switch문을 빠져나올 수 있다.
• case들 외의 값에 대해, default 조건을 설정해줘야 한다. 

---

조건문 문법 자체는 난해하지 않으나, switch에서 break와 default의 중요성을 리뷰하는 좋은 기회였다.

또한, 조건문과 이후 포스팅할 반복문을 Javascript 제어문으로 분류한다는 사실도 알게 되었다.