본문 바로가기
3. 웹개발/3_2_1 Javascript

[JavaScript (4)] Javascript 제어문(1) - 조건문(if문, switch문)

by 갓대희 2020. 3. 16.
반응형

[JavaScript (4)] Javascript 제어문(1) - 조건문(if문, switch문)

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 조건문 입니다. : ) 

 

0. 들어가기 앞서

 

특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다.

if 조건문과 switch 조건문이 대표적이며 삼항 연산자 도 사용 가능하다.

 

1. if ... else문

▶ 1. 문법

if (조건식) {
   // statement1
} else if(조건식) {
   // statement2
} else {
   // statement3
}

 

 - if 안에 있는 조건식이 참인 경우 해당하는 if문, else if문을 실행 한다.
 - 조건문(if, else if)에 모두 해당하지 않으면 else에 있는 statement3 이 실행된다.
 - else if에는 갯수 제한이 따로 없다.

▶ 2. 조건식 거짓으로 취급하는 값

1) false
2) undefined
3) null
4) 0
5) NaN
6) the empty string ("")

 

ex) if 안의 조건문이 "참"이 아니기 때문에 else 문 실행

 

▶ 3. 조건문에서 사용할 수 있는 비교 연산자

1) ===, !== : 한 값이 다른 값과 같거나 다른지 판단 한다.
2) <, > : 한 값이 다른 값보다 작은지 큰지 판단 한다.
3) <=, >= : 한 값이 다른 값보다 작거나 같은지, 크거나 같은지 판단 한다.

ex)

var score = 96;

if (score >= 90){
	console.log("점수 : A"); // 해당문 실행
}else if (score >= 80){
	console.log("점수 : B");
}else if (score >= 70){
	console.log("점수 : C");
}else if (score >= 60){
	console.log("점수 : D");
}else {
	console.log("점수 : F");
}

▶ 4. if문의 중첩

 - if문은 중첩시켜 사용할 수 있다.
ex)

var score = 96;
var lecture = "sports";

if("sports" == lecture){
	if (score >= 70){
		console.log("점수 : pass");
	}
	else{
		console.log("점수 : fail");
	}
}else{
	if (score >= 90){
		console.log("점수 : A");
	}else if (score >= 80){
		console.log("점수 : B");
	}else if (score >= 70){
		console.log("점수 : C");
	}else if (score >= 60){
		console.log("점수 : D");
	}else {
		console.log("점수 : F");
	}
}

 

2.switch 문

▶ 1. 문법

switch ( 변수 ){
    case A: // 값 A
        // 변수 값이 A 일때 실행할 명령문
        break;
    case B:
        // 변수 값이 B 일때 실행할 명령문
        break;
    case C:
        // 변수 값이 C 일때 실행할 명령문
        break;
    default:
        // 모든 CASE에 부합하지 않을때 실행할 명령문
        break;
}

 - case 뒤에는 해당하는 조건이 오며, 그 아래에 실행할 명령문을 적는다.
 - default는 if...else 조건문에서의 else와 같이 모든 조건에 해당 안 될 때 실행된다.
ex)

var num = 3;
switch(num % 2) {
    case 0:
        alert("해당 값은 짝수!");
        break;
    case 1:
        alert("해당 값은 홀수!");
        break;
    default:
        alert("잘못된 입력 값!");
        break;
}

 

3. 삼항 연산자

 - 간단한 if문이나 switch문들은 간결하게 바꾸어 삼항연산자를 이용할 수도 있다.
ex1)

var num = 3;
(num > 0) ? console.log('양수!') : console.log('음수!');

ex2)

var num = 3
var result = num > 0 ? "양수" : "홀수";
console.log(result); // 양수

 

이로써 Javascript 조건문들에 데해 간단히 알아 보았다.

반응형

댓글0