Javascript #conditional

조건문 (Conditional)

---

• 조건문을 통해 특정 조건을 만족했을 때 특정 코드를 실행할 수 있음.
  
  

📌 if

---

가장 기본적인 조건문이다

기본 문법은 다음과 같다.

	if ( 조건1 ) {
    	조건1 true일 때만 실행되는 코드
    }

예시

	const a = 1;

	if ( a + 1 === 2 ) {
    	console.log( "정답입니다. " )
    }
	// result
	// "정답입니다"가 출력된다.

	const b = 0;

	if ( b + 1 === 0 ) {
    	console.log("정답입니다.")
    }
	// result
	// 아무것도 출력되지 않는다.	

📌 if - else

---

직독직해: 만약에 ~하면 ~하고, 그렇지 않으면 ~해라.
특정 조건이 만족할 때와 만족하지 않을 때 서로 다른 코드를 실행해야 된다면 다음 구문을 사용한다.

예시

	const a = 5;

	if ( a > 2 ) {
      console.log("a가 2보다 크다.")
    } else {
      console.log("a가 2보다 크지 않다.")
    }
	// result
	// "a가 2보다 크다."

📌 if - else if

---

여러 조건에 따라 각각 다른 코드를 실행할 때 사용한다.

예시

	const a = 7;

	if ( a === 5 ) {
      console.log("a의 값은 5입니다.")
    } else if ( a === 7) {
      console.log("a의 값은 7입니다.")
    } else {
      console.log("a의 값은 0입니다.")
    }
	// result
	// "a의 값은 7입니다."

📌 switch-case

---

특정 값이 무엇이냐에 따라 다른 작업을 하고 싶을 때 사용한다.

기본 문법

	switch (특정 값의 변수 이름 또는 특정 데이터) {
      case "비교할 값1" :
        실행할 코드
        break; // 비교하는 값과 같다면 코드를 실행하고 구문 종료
      case "비교할 값2" :
        실행할 코드
        break;
      case "비교할 값3" :
        실행할 코드
        break;
      case "비교할 값4" :
        실행할 코드
        break;
      default :
        어떤 값도 일치하지 않을 때 실행할 코드
    }

예시

	const cafeBeverages = "아이스 아메리카노"
    
    swtich (cafeBeverages) {
      case "아이스 카페모카" :
        console.log("4500원");
        break; 
      case "따뜻한 아이스 아메리카노" :
      	console.log("???");
        break;
      case "아이스 아메리카노" :
      	console.log("3000원");
        break; // 해당 조건에서 switch문 종료
      case "아이스 아매리카노" :
      	console.log("3500원");
        break;
      default :
        console.log("음료를 선택해주세요.")
    }  
	
	// result
	// "3000원"

📌 삼항 연산자

---

ES6 문법은 아니지만, if-else문을 간결하게 작성할 수 있다.

구문

	특정 조건 ? 조건이 `true`인 경우 코드 : 조건이 `false`인 경우 코드
    
    // 코드의 길이가 길다면 다음과 같이 작성할 수 있다.
    특정 조건
    ? 조건이 `true`인 경우 코드
    : 조건이 `false`인 경우 코드

예시

	const darkMode = true
    
    darkMode
    ? console.log("다크모드입니다.")
    : console.log("라이트모드입니다.")

	// result
	// "다크모드입니다."

삼항 연산자를 중첩하여 사용할 수도 있지만, 코드의 가독성이 떨어지기 때문에 적절한 조건문을 사용하여 코드를 작성하자.

---

[참고자료]
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/if...else
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/switch
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator