섹션5. 조건문

1. 조건문이란

조건문이란 주어진 조건에 따라서 애플리케이션을 다르게 동작하도록 하는 것
if
- if 뒤에 오는 괄호 안의 값이 true인 경우 중괄호 안에 오는 내용이 출력됨
- if 뒤에 오는 괄호 안의 값이 false인 경우에는 중괄호 안에 오는 내용이 생략됨
```
if(true){
    alert('result : true');
}
```
```
if(flase){
    alert('result : true');
}
```
- 예제
경고창은 5번 나온다
```
if(true){
    alert(1);
    alert(2);
    alert(3);
    alert(4);
}
alert(5);
```

2. else, else if

else

결과는 1 (else 실행 안됨)

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

결과는 2 (else 실행)

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

else if

결과는 2 (첫번째 else if 실행됨)

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

3. 변수와 비교연산자

prompt

Untitled

alert(prompt())
alert(prompt("당신의 나이는?")*2);

20 입력 시, 40 출력

예

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	id=prompt('아이디를 입력해주세요.')
	if(id=='egoing'){
		alert('아이디가 일치합니다.')
	} else {
		alert('아이디가 일치하지 않습니다.')
	}
</script>
</body>
</html>

Untitled

예제 2

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	var id=prompt('아이디를 입력해주세요.');
	if(id=='egoing'){
		var password=prompt('비밀번호를 입력해주세요.');
		if (password=='12345'){
			alert('로그인 하셨습니다.'+id+'님 반갑습니다.');
		} else {
			alert('비밀번호가 다릅니다.');
		}
	} else {
		alert('아이디가 일치하지 않습니다.');
	}
</script>
</body>
</html>

Untitled

4. 논리 연산자

&&: and 연산자

위 예제를 조금 다르게 사용 가능

<html>
<head>
	<title></title>
</head>
<body>
<script type="text/javascript">
	var id=prompt('아이디를 입력해주세요.');
	var password=prompt('비밀번호를 입력해주세요.');
	if(id=='egoing' && password==='12345'){
		alert('로그인 하셨습니다.'+id+'님 반갑습니다.');
	} else {
		alert('아이디가 일치하지 않습니다.');
	}
</script>
</body>
</html>

|| : or 연산자

id 값으로 egoing, k8805, sorialgi 중의 하나를 사용하고 비밀번호는 111111을 입력하면 right 외의 경우에는 wrong를 출력

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

! : not 연산자

부정의 의미, 불린의 값을 역전시킴
true를 false로 false를 true로 만듦

아래의 결과는 4

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

5. boolean 의 대체재

01
- 관습적인 이유로 0는 false 0이 아닌 값은 true로 간주
- 아래의 예제는 2를 출력
```
if(0){
    alert(1)
}
if(1){
    alert(2)
}
```
기타 false로 간주되는 데이터 형
- false와 0 외에 false로 간주되는 데이터형의 리스트
- if문의 조건으로 !(부정) 연산자를 사용했기 때문에 각 조건문의 첫번째 블록이 실행되는 것은 주어진 값이 false이기 때문
```
if(!''){
    alert('빈 문자열')
}
if(!undefined){
    alert('undefined');
}
var a;
if(!a){
    alert('값이 할당되지 않은 변수'); 
}
if(!null){
    alert('null');
}
if(!NaN){
    alert('NaN');
}
```