자바스크립트의 조건문

조건문이란 특정 조건을 만족할 때 실행되는 동작을 정리한 문법이다.

자바스크립트의 조건문에는

- if문

- switch/case

이렇게 두 가지 경우가 있다.

---

if문

만약 A라면 B를 한다. 의 내용을 코드로 표현한 것이다.

let num = 11;

if (num >= 10) {
  console.log("num은 10 이상입니다."); // num은 10 이상입니다.
}

변수 num은 11보다 크므로 { }안의 코드가 실행되게 됩니다.

만약 그렇지 않다면 if문은 실행되지 않습니다.

---

else를 추가한 if문

만약 A라면 B를 해라, A하지 않으면 C를 해라. 를 위해 else를 추가하여 사용한다.

let num = 9;

if (num >= 10) {
  console.log("조건 일치!");
  console.log("num은 10 이상입니다.");
} else {
  console.log("조건 불일치!");
  console.log("num은 10보다 작습니다.");
}

// 조건 불일치!
// num은 10보다 작습니다.

num은 9이므로 if문 안의 첫번째 조건을 만족하지 않는다. 따라서 else 문을 실행하게 된다.

---

if조건을 여러개 달고 싶다면 else if를 사용하면 된다.

let num = 5;

if (num >= 10) {
  console.log("num은 10 이상입니다.");
} else if (num >= 5) {
  console.log("num은 5 이상입니다.");
} else {
  console.log("num은 5 미만입니다.");
}

// num은 5 이상입니다.

num값 5를 가지고, 첫 번째 if문을 돌리고, 다음 else if문을 돌려 실행되는 코드를 찾아 실행합니다.

---

switch/case문

switch 문은 중첩 if문처럼 비교할 조건이 많을 경우에 사용하는 조건문입니다. switch 문은 식이나 값을 case문과 비교하여 정확한 값일때만 수행합니다.

let fruit = "apple";

switch (fruit) { // ①
  case "apple": { // ②
    console.log("사과");
    break; // ③
  }
  case "banana": {
    console.log("바나나");
    break;
  }
  default: {
    console.log("우리가 찾는 과일이 아님");
  }
}

// 사과

위의 코드에서는 if문처럼 비교가 아닌, 파라미터 fruit의 값이 정확히 "apple"일때에만 해당하는 case문을 찾아 실행하게 됩니다.

만약 해당값이 없다면 마지막에 defailt 문을 실행하게 됩니다.

---

조건이 여러개인 경우에는 if문보다 switch문을 사용하는 것이 가독성 있는 코드로 작성하는 법입니다.

let country = "ko";

if (country === "ko") {
  console.log("한국");
} else if (country === "us") {
  console.log("미국");
} else if (country === "dk") {
  console.log("덴마크");
} else if (country === "do") {
  console.log("도미니카 공화국");
} else if (country === "mx") {
  console.log("멕시코");
} else if (country === "ch") {
  console.log("스위스");
} else if (country === "es") {
  console.log("스페인");
} else {
  console.log("미분류");
}

// 한국

switch 문으로 변환

let country = "ko";

switch (country) {
  case "ko": {
    console.log("한국");
    break;
  }
  case "us": {
    console.log("미국");
    break;
  }
  case "dk": {
    console.log("덴마크");
    break;
  }
  case "do": {
    console.log("도미니카 공화국");
    break;
  }
  case "mx": {
    console.log("멕시코");
    break;
  }
  case "ch": {
    console.log("스위스");
    break;
  }
  case "es": {
    console.log("스페인");
    break;
  }
  default: {
    console.log("미분류");
  }
}

// 한국