[JavaScript] 조건문 (Conditional statements)

1. IF

//1. true
if(true일 경우){여기에 있는 코드가 실행
  } else{else뒤에 오는 코드는 실행되지 않는다
}


//1. false
if(false일 경우){false 바로 뒤에 오는 코드는 실행되지 않는다
  } else{여기에 있는 코드가 실행
}

조건문 if 다음에 오는 괄호 안에는 분리연 값이 오고

그 값이 true냐 false냐에 따라

{}안의 코드가 실행되거나 무시된다.

따라서 자신이 원하는 조건에 따라 if뒤 소괄호에 오는 값(value)이 true나 false가 될 수 있게끔 조건문을 써야 한다.

 

var a = 10;
var b = 20;
var c = 30;

if(a>b){
    document.write('a가 b보다 크다');
} else if(b>c){
    document.write('b가 c보다 크다');
} else if(b<c){
    document.write('b가 c보다 작다');
] else {
    document.write('그러하다');
}

// b가 c보다 작다

그 외에 else if도 쓸 수 있는데

이는 앞의 조건문이 실행이 되지 않았을 경우 실행할 명령을 의미하므로

여러개의 else if를 if 뒤에 써줄 수 있으며 마지막 조건문으로 else를 써줄 수 있다.

(else if로 끝내도 되긴하다)

​

한마디로

else if는 "아님 이거!"

else는 "이것도 아니면 말고."

 

var a = 10;
var b = 20;

if(a>b){
    document.write('a가 b보다 크다');
} else{
    document.write('a가 b보다 작다');
    }
    
    
//축약형
(a>b) ? document.write('a가 b보다 크다'):document.write('a가 b보다 작다')

*축약해서 조건문을 작성하는 법*

①. 중괄호를 지운다.

②. if, else를 제거한다.

③. if의 조건 옆에 띄어쓰기를 한 후 ?를 써준다.

④. if가 true면 실행시킬 코드 마지막에 붙었던 ;(세미콜론)대신에 :(콜론)으로 바꾼다.

 

 

 

2. switch

function(){
    switch(표현식){
        case A: 실행할 코드a
                break;
        case B: 실행할 코드b
                break;
        default: 실행할 코드c
    }
}

- switch문은 if문과 대채제 관계에 있다.

- switch안에 들어간 값과 같은 case 안에 들어있는 함수내용이 실행된다.

- break;를 써주지 않으면 caseA의 경우 코드b의 내용까지 이어서 실행된다.

  즉 break는 해당 case위치에서 그만 빠져나오게 해주는 역할을 한다.

- 일치하는 case가 없으면 default의 코드가 실행된다.

- default 아래에 또 다른 case가 있을 시에 default가 실행되고 있다면

  그 아래의 case코드까지 쭉 실행된다.

 

- 표현식, A, B 자리는 여러 표현식이나 변수 등이 올 수 있다.

- case 오른쪽과 default 오른쪽에 코드를 쓰는 것이 필수는 아니다. (옵션)

 

- 다음과 같이 ||(또는) 형태로 작성할 수도 있다.

var num = 3;
switch(num){
	case 2:
    case 3:
    	log(100);
};

// 100을 반환

 

 

 

 

 

참고

- https://opentutorials.org/course/3085/18800

- https://opentutorials.org/course/3085/18878

- https://www.youtube.com/watch?v=tZTCNRGOQQ0&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7&index=2

- 김영보, 자바스크립트 비기너, www.inflearn.com/course/자바스크립트-비기너#