- 조건문
조건문이 true면 실행문이 실행되고, false면 실행문이 실행되지 않는다.
If (조건문) {
실행문
}
- 조건문의 중첩
상위 조건문이 참이면 실행되는 실행문 안에 다른 조건문을 입력해 이중으로 판별할 수 있다.
If(조건문1) {
실행문1
if(조건문2) {
실행문2
}
}
예제) <아이디와 비밀번호 검증하기>
실제로는 아이디가 해당 사이트에 회원가입되어있는 아이디인지, 그리고 그 아이디에 맞는 비밀번호인지 판별하게된다.
이번에는 간단하게 아이디 하나와 비밀번호 하나를 변수에 저장해 조건문을 이용해 진위여부를 판단하는 예제를 만들어보겠다.
<body>
<script>
// 아이디를 입력받는 프롬프트창 생성
var id = prompt('아이디를 입력하세요');
// 아이디 일치여부 판별
if(id == "euncoding") { // id가 'euncoding'이면 true -> 하위 실행문 실행됨
//비밀번호를 입력받는 프롬프트창 생성
var password = prompt('비밀번호를 입력해주세요.');
// 비밀번호 일치여부 판별
if(password ==='111111') { // password가 111111이면 true ->하위 실행문 실행됨
alert('인증 성공'); // 아이디와 비밀번호가 모두 일치하는 경우
} else {
alert('인증 실패'); // 아이디는 일치하지만 비밀번호가 일치하지 않음
}
} else {
alert('인증 실패'); // 아이디가 일치하지 않는 경우
}
</script>
</body>
<script>
prompt("당신의 이름은?");
</script>
prompt에서 받은 값을 console창에 단순히 출력할 수도 있지만 변수에 저장해 값을 비교하거나 참/거짓을 판별하는 용도로 사용될 수 있다.
먼저 프롬프트에서 사용자가 입력한 값이 대입연산자 = 에 의해 id라는 변수에 저장된다.
입력 값이 "euncoding"과 일치하면 하위 조건문이 실행된다.
일치하지 않으면 15줄의 else가 실행되어 인증실패가 출력된다.
하위 조건문에서는 사용자가 입력한 값이 password변수에 저장된다.
입력값이 "111111"과 일치하면 하위 실행문이 실행된다.
일치하면 인증성공이 출력되고 일치하지 않으면 인증실패가 출력된다.
- 조건문의 논리연산자
1. && : and 연산자
좌항과 우항이 모두 참일 때만 True가 된다.
2. || : or연산자
좌항과 우항 중 어느 하나만이라도 참이면 True가 된다.
3. ! : 부정
boolean의 값을 역전시킨다.
- boolean의 대체제
true와 false, 그리고 논리 연산자를 통해 boolean값이 출력되는 데이터 말고도 true, false값이 될 수 있는 데이터들이 있다.
| true | false |
| 1 (0이 아닌 값) !" " (값이 들어있는 문자열) !undefined (정의된 값) (값이 할당된 변수) (null이 아닌 값) (NaN이 아닌 값) |
0 " " (빈 문자열) undefined (값이 할당되지 않은 변수) null NaN |
'Programming > JavaScript' 카테고리의 다른 글
| [JavaScript] 배열(Array) (0) | 2021.03.10 |
|---|---|
| [Javascript] DOM이란? | DOM의 선택자 | DOM tree | node vs element (0) | 2021.03.09 |
| [JavaScript] Jasmine이란? 간단한 예제로 알아보기 (0) | 2021.03.05 |
| [JavaScript] 객체(Object) (0) | 2021.02.13 |
| [Javascript] 반복문(iterate, loop) (0) | 2021.02.11 |
