JavaScript : Conditional

백광호·2020년 10월 19일

my--note

목록 보기

10/17

Boolean과 밀접한 관계가 있는 문법으로
조건에 따라 앱이 실행될 수 있도록 하는것이다.

조건문의 문법

if

**if** 앞에 Boolean값(true, false)을 넣으면 그 값에 따른 내용이 실행된다.

[예시]

if(true){
    alert('result : true');
}

/* result:true라는 메세지가 출력 */

if(false){
    alert('result : true');
}

/* 아무일도 일어나지 않음 */

if(true){
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);

/* 1~5까지의 메세지가 출력 */

if(false){
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);

/* 5번 메세지만 출력 */

else, else if

else는 if의 조건이 true라면 if의 중괄호 구간이 실행되고,
false라면 else의 중괄호가 실행된다.
else는 값이 false일때 실행되는 구간을 정의하는 문법이다.

[예시]

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

// 1번 메세지만 출력 //

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

// 2번 메세지만 출력 //

else if 는 좀 더 다양하게 조건을 검사할 수 있는 문법이다.
if나 else와는 다르게 여러번 사용이 가능하다.

[예시]

if(false){
    alert(1);
} else if(true){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

// 2번 메세지만 출력된다. //

if(false){
    alert(1);
} else if(false){
    alert(2);
} else if(true){
    alert(3);
} else {
    alert(4);
}

// 3번 메세지만 출력된다. //

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

// 4번 메세지만 출력된다. //

Variable와 Boolean

변수와 비교 연산자와 조건문을 조합해서 사용할 수 있다.

[예시]

id = prompt('아이디를 입력해주세요.')
if(id=='pangho'){
  alert('아이디가 일치 합니다.')
} else {
  alert('아이디가 일치하지 않습니다.')
}

prompt는 사용자에게 값을 입력할 수 있도록 요청하는 코드이다.
이렇게 받아낸 코드를 id 변수값으로 대입한다.
사용자가 입력한 값이 pangho라면 '아이디가 일치합니다.'를 출력하고
그렇지 않으면 '아이디가 일치하지 않습니다.'를 출력한다.

조건문은 중첩해서 사용이 가능하다.

[예시]

id = prompt('아이디를 입력해주세요.');
if(id=='pangho'){
	  password = prompt('비밀번호를 입력해주세요.');
	if(password==='111111'){
	  alert('인증 했습니다.');
	} else {
	  alert('인증에 실패 했습니다.');
	}
} else {
  alert('인증에 실패 했습니다.');
}

위 예시는 사용자가 입력한 값과 아이디가 일치한지 확인 후
비밀번호를 추가로 요구하는 것이다.

논리 연산자

논리 연산자를 사용하면 조건문을 더욱 다양하게 만들수 있다.

논리 연산자의 종류

&& (AND)

좌항과 우항이 모두 true일때 true가 된다.
둘 중 하나라도 false일 경우 false값을 갖는다.

[예시]

if(true && true){
    alert(1);
}
if(true && false){
    alert(2);
}
if(false && true){
    alert(3);
}
if(false && false){
    alert(4);
}

// 1번 메세지만 출력된다. //

|| (OR)

좌항과 우항중 하나라도 true일때 true가 된다.
두 값 모두 false일 경우 false가 된다.

[예시]

if(true || true){
    alert(1);
}
if(true || false){
    alert(2);
}
if(false || true){
    alert(3);
}
if(false || false){
    alert(4);
}

// 4번 메세지만 출력되지 않는다. //

! (NOT)

Boolean값을 역전 시킨다.
true값을 false로, False를 true값으로 바꾼다.

[예시]

if(!true && !true){
    alert(1);
}
if(!false && !true){
    alert(2);
}
if(!true && !false){
    alert(3);
}
if(!false && !false){
    alert(4);
}

// 4번 메세지만 출력된다. //