javaScript. (5) 조건문(condition)

< 조건문(Condition) >

- 특정 조건 아래서만 코드가 실행되도록 하는 구문.

- if, switch가 대표적

 

 

📌 if문

if (조건) { 내용 }

- 조건이 true면 내용이 실행된다.

 

const a = 30;

if(a > 10) {
	alert('10보다 큼');
}

 

위에서처럼 a>10인 조건에 true이기 때문에, 즉 조건을 만족하므로

alert문이 실행된다.

 

추가로, if 뿐만 아니라

else나 else if로 조건을 구체화할 수 있다.

 

if(a > 10) {
   alert('10보다 큼');
} else if (a > 5) {
   alert('5보다 큼');
} else {
   alert('5보다 작거나 같음');
}

 

- else는 if의 조건이 false일 때 실행된다.

- else if는 조건을 여러개로 하고 싶을 때 사용한다.

 

 

❕ 주의 - 빈 배열 [] false == [] 이지만 if([]) 는 true로 간주되어 실행된다.

 

 

+) 간단한 if-else 문은 삼항 연산자로 변환 가능. (한줄로 표현)

- (조건 ? 참 : 거짓) 으로 구성됨.

 

const i = 10, j;
if (i > 10) {
   j = 15;
} else {
   j = 5;
}

 

위와 같이 단순하게 if-else로 구성된 조건문을

var j = i > 10 ? 15 : 5     // i > 10이면 15, 아니면 5

삼항 연산자로 표현 가능함.

 

 

 

---

 

📌 switch문

switch ~ case문이라고 하며, if-else if-else 문과 비슷하다.

 

 

javaScript. Switch문

🔺 위 포스팅에서 따로 다룬 적이 있었다.

 

 

전체적인 구조는

 

switch(조건) {

case 값1:  내용1;

case 값2:  내용2;

...

}

와 같다.

 

대신, 조건에 보통 변수명을 적고 값마다 실행할 코드를 다르게 한다.

 

switch (age) {
    case 20:      // age = 20일때
    	alert("Now,You are adult.");
        break;
    case 19:      // age = 19일때
    	alert("Please wait 1 year.");
        break;
    default:      // 그 외 - 기본값
    	alert('you are not 20.');
}

 

default는 어떤 조건에도 해당이 안 될때 실행되는 코드로, else와 비슷하다.

위 예제를 if-else if-else로 바꾸면? 🔻

if (age === 20) {        // case 20
  alert("Now,You are adult.");
} else if (age === 19) {       // case 19
  alert("Please wait 1 year.");
} else {             // default
  alert('you are not 20.');
}

 

 

 

 

 

❗❗ 주의

 

case 하나마다 break;를 적어줘야 한다.

break를 적지 않으면 해당 case 아래의 모든 내용이 실행된다.

 

 

 

 

 

---

REFERENCE

https://www.zerocho.com/category/JavaScript/post/57341dc4bc39b6f20be67b6f

(JavaScript) 조건문(condition)

이 포스팅은 zerocho님의 javascript 강의와 책을 보고 작성한 글입니다.

공부+기록 용으로 작성한 것이며, 자세한 것은 위 포스팅을 참고하세요!