[JavaScript] #4 자바스크립트 조건문 if,else-if,else,switch

 

이번 글에서는 자바스크립트에서 조건문을 배워보도록 하겠습니다.

조건문이란?

특정 조건에 따라 실행할 코드를 선택하는 데 사용됩니다.

조건문에는 if문, else if문, else문 등이 있습니다.

 

if문

let x = 10;
if (x > 0) {
  console.log("x는 양수입니다.");
}
 // x가 0보다 크므로 if문의 코드 블록이 실행되어 "x는 양수입니다."라는 메시지가 출력됩니다.

문법 사용방법

if(조건문)
	{동작문}

true, flase 값을 외우면 나중에 활용하기 편하다.

 

else if문

else if문은 if문이 false일 경우 추가적인 조건을 제시하는 데 사용됩니다.

else if문은 여러 개 사용할 수 있습니다.

let x = 10;
if (x > 0) {
  console.log("x는 양수입니다.");
} else if (x < 0) {
  console.log("x는 음수입니다.");
} else {
  console.log("x는 0입니다.");
}
//  x가 0보다 크므로 if문의 코드 블록이 실행됩니다.
만약 x가 음수일 경우 else if문의 코드 블록이 실행됩니다. x가 0일 경우 else문의 코드 블록이 실행됩니다.

문법 사용방법

if(조건문){
	동작문 // 참일 경우 동작문
}else if(조건식) {
	동작문  // 거짓일 경우 동작문
}else if(조건식) {
	동작문'
}

else문

else문은 if문과 else if문이 모두 false일 경우 실행됩니다. else문은 생략 가능합니다.

let x = -1;
if (x > 0) {
  console.log("x는 양수입니다.");
} else if (x < 0) {
  console.log("x는 음수입니다.");
} else {
  console.log("x는 0입니다.");
}
// x가 음수이므로 else if문의 코드 블록이 실행되어 "x는 음수입니다."라는 메시지가 출력됩니다.

문법 사용방법

if(조건문) {
	// 참일 경우의 값
} else if (조건문) {
	// 참일 경우의 값
 } else {
 	// 둘 다 거짓일 경우의 값
 }

 

switch문

switch(조건식){
	case 비교조건식;
	동작문;
	defatlt:동작; // 가장 마지막으로 나오는 
}

 

if-else문 과 switch문 서로 바꾸어 쓸 줄 알아야 된다.

끝부분 break 쓰는 습관을 길들여야 된다.

 

조건부 연산자(삼항 연산자)

조건식 ? 참일 때 실행되는 식: 거짓일 때 실행되는 식

if문으로도 바꿀 수 있다.

if문으로 긴 코드를 삼항 연산자로 줄일 수 있다.

 

참고

https://youtu.be/cCQ5ELAMQUs?list=PLcqDmjxt30RvEEN6eUCcSrrH-hKjCT4wt 

2023.03.29 - [Javascript] - [JavaScript] #3 자바스크립트 변수

[JavaScript] #3 자바스크립트 변수