[ JS ] 조건문 - If, Switch

안녕하세요. 공부한 것 복습하려 올리는 블로그입니다.

첫 포스팅은 간단한 조건문으로 해보려 합니다. 

 

처음 자바스크립트를 접하는 분들이 최대한 이해하기 쉽게 노력해보겠습니다.

 

재밌게 읽어주세요 :)

---

 

# If

 

##1 문법

 

if ( 조건1 ) {

} else if ( 조건2 ) {

} else if ( 조건3 ) {

} else {

}

 

##2 설명

 

• if ( 만약 …면 ) {  실행할 코드  }
• else는 조건문 없이 상위의 if문이 거짓일 때 실행하고 싶은 경우 사용합니다.
• else if는 계속 늘려줄 수 있습니다.

 

##3 예시

 

// 예시 코드
const 기분 = "happy";

if ( 기분 === "tired" ) {				// 만약 기분이 "tired"라면
  console.log("😩");
} else if ( 기분 === "angry" ) {	// 만약 기분이 "tired"는 아니고 "angry"라면
  console.log("🤬");
} else {											// 기분이 "tired", "angry" 다 아니라면
  console.log("😊");
}

 

// console 출력 결과
😊

 

 

# Swich

##1 문법

 

switch ( 비교대상 ) {
	case 값1:
		// 실행할 코드
		break;
	case 값2:
		// 실행할 코드
		break;
	case 값3:
		// 실행할 코드
		break;
	default:
		// 전부 아닐경우
		break;
}

 

 

##2 설명

 

• switch 뒤의 소괄호에 비교 대상을 넣어준다
• case는 if문의 else if 마냥 계속 늘려줄 수 있다.
• default는 if문의 else 같은 역할을 해준다.

 

 

##3 예시

 

// 예시 코드
const 기분 = "happy";

switch ( 기분 ) {
	case "tired":				// 기분이 "tired" 면
		console.log("😩");
	case "angry":				// 기분이 "angry" 면
		console.log("🤬");
	default:					// case에 사용된 경우가 아니라면
		console.log("😊");
}

 

// console 출력 결과
😊

 

 

##4 만약 break을 적어주지 않는다면?

 

• 하위의 case까지 타고타고 내려갑니다.

const A = 5;

switch ( A ) {
	case 1:
	case 2:
		// A 가 1 or 2 일 경우에 실행
		console.log("fst");
	case 5:
		// A 가 5 일 경우에 실행
		console.log("sec");
	default:
		// A 가 1, 2, 5가 아닐때 실행
		console.log("trd");
}

 

// console 출력 결과

sec
trd