자바스크립트 - 조건문

 

 

조건문의 문법을 알아보도록 하자!

 

조건문이란?

주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것을 의미한다.

 

if

조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다.

if(true){
    alert('결과 : true');
}

조건이 참이면, 경고창이 뜨고

if(false){
    alert('결과 : false');
}

조건이 거짓이면, 경고창이 뜨지 않을 것 이다.

 

else

if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다.

if(true){
    alert(1);
} else {
    alert(2);
}

조건이 참이기 때문에, if의 중괄호 구간이 실행되고 1이라는 경고창이 뜰 것이고,

if(false){
    alert(1);
} else {
    alert(2);
}

조건이 거짓이면,  else 이후의 중괄호 구간이 실행되고 2라는 경고창이 뜰 것이다.

 

 

조건문을 좀 더 풍부하게 사용하고 싶다면, else if를 이용하면 된다.

if(false){
    alert(1);
} else if(true){ // 여기서 조건이 참이면, alert(2)가 실행하고, 밑으로 조건을 확인하지 않고 조건문을 빠져나온다
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

else if는 좀 더 다양한 케이스의 조건을 검사할 수 있는 기회를 제공한다. else if의 특징은 if나 else와는 다르게 여러 개가 올 수 있다는 점이다. else if의 모든 조건이 false라면 else가 실행된다. else는 생략 가능하다.

 

조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와주게 해주는 것들이 존재한다.

 

바로 그것은 논리 연산자이다.

논리 연산자는 '&&', '||', '!~' 들이 존재한다.

 

&&

'&&'는 좌항과 우항이 모두 참(true) 일 때 참이 된다.

if(true && true){
    alert(1); // 참
}
if(true && false){
    alert(2); // 거짓
}
if(false && true){
    alert(3); // 거짓
}
if(false && false){
    alert(4); // 거짓
}

 

||

'||'는 '||'의 좌우항 중에 하나라도 true라면 true가 되는 논리 연산자다.

or 연산자라고 부른다.

if(true || true){
    alert(1); // 참
}
if(true || false){
    alert(2); // 참
}
if(false || true){
    alert(3); // 참
}
if(false || false){
    alert(4); //거짓
}

 

!

'!'는 부정의 의미로, Boolean의 값을 역전시킨다. true를 false로 false를 true로 만든다. not 연산자라고 부른다.

if(!true && !true){
    alert(1); // 거짓
}
if(!false && !true){
    alert(2); // 거짓
}
if(!true && !false){
    alert(3); // 거짓
}
if(!false && !false){
    alert(4); // 참
}