728x90
반응형
Boolean
참과 거짓의 데이터형
true와 false 이렇게 두가지 이다
조건문
if(false){
alert('result : true');
}다음 예제는 아무것도 출력을 안할것이다
if 뒤에 false가 왔으니까
if(false){
alert(1);
alert(2);
alert(3);
alert(4);
}
alert(5);이것도 5만 출력할 것이다
if(true){
alert(1);
} else {
alert(2);
}이건 결과가 1일 것이다.
if(false){
alert(1);
} else if(false){
alert(2);
} else if(false){
alert(3);
} else {
alert(4);
}이건 결과가 4
이렇게 else if 와 else를 쓸수도 있다.
else는 생략가능하다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.')
if(id=='egoing'){
alert('아이디가 일치 합니다.')
} else {
alert('아이디가 일치하지 않습니다.')
}
</script>
</body>
</html>여기서 prompt()는 사용자가 입력한 값을 가져와서 id에 대입한다
이런걸 API 또는 함수라고 부른다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.');
if(id=='egoing'){
password = prompt('비밀번호를 입력해주세요.');
if(password==='111111'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>만약에 아이디 입력을 올바르게 했다면
비밀번호 입력까지 받게 하는 코드이다.
if문 안에 if문을 넣을수도 있다(중첩 반복문)
논리연산자
and : &&
or : ||
not : !
if(!true && !true){
alert(1);
}
if(!false && !true){
alert(2);
}
if(!true && !false){
alert(3);
}
if(!false && !false){
alert(4);
}
//결과 : 4이건 not !의 예시 코드
boolean의 대체재
0 -> false
0이 아닌값 -> true
false로 간주되는 데이터형의 리스트를 더 알아보자
if(!''){
alert('빈 문자열')
}
if(!undefined){
alert('undefined');
}
var a;
if(!a){
alert('값이 할당되지 않은 변수');
}
if(!null){
alert('null');
}
if(!NaN){
alert('NaN');
}위의 코드는 다 출력이 다 된다.
var a 의 경우를 보자
a는 값이 할당되지 않은 변수이기 때문에 false라고 간주한다.
참고 : 생활코딩 - 자바스크립트
728x90
반응형
