1. == 연산자와 ===연산자
1. 두 연산자의 차이점은??
•
===연산자: 값과 타입이 둘다동일한지 비교하는연산자
•
그래서 비교할때는 ===을 비교하는게 보다 합리적이다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.area1{
border:1px solid red;
height:200px;
}
</style>
</head>
<body>
<h1>자바와 다른 연산자</h1>
<h3>=== 연산자와 !== 연산자</h3>
<p>값과 자료형 둘 다 일치하는지/ 일치하지 않는지 확인할 때 사용한다.</p>
<button onclick="testOp();">확인 하기</button>
<div id="area1" class="area1"></div>
<script>
function testOp(){
var area1 = document.getElementById('area1');
var check1 = 1;
var check2 ='1';
area1.innerHTML += 'check1 == 1: ' + (check1 == 1) + '<br>';
area1.innerHTML += 'check1 == "1" :' + (check1 == "1") + '<br>';
area1.innerHTML += 'check2 == 1: ' + (check2 == 1) + '<br>';
area1.innerHTML += 'check2 == "1": ' + (check2 == "1") + '<br>';
area1.innerHTML += 'check1 === 1 : ' + (check1 === 1)+'<br>';
area1.innerHTML += 'check1 === "1" : ' + (check1 === "1")+'<br>';
area1.innetHTML += 'check2 === 1 : ' + (check2 === 1) + '<br>';
area1.innetHTML += 'check2 === "1" : ' + (check2 === "1") + '<br>';
}
</script>
JavaScript
복사
2. 연산자를 이용한 짧은 조건문 사용 테스트
ㅁ 짧은 조건문 : || 는 앞에 조건이 거짓이면 뒤에연산을 실행함
&&는 앞에 조건이 참이면뒤에 연산을 실행함
•
아래 코드를 보면서 이해해보자
<h3>연산자를 이용한 짧은 조건문 사용 테스트</h3>
<button onclick="checkLogic();">확인하기</button>
<script>
function checkLogic(){
var input = Number(window.prompt('숫자를 입력하세요'));
//짧은 조건문 : || 는 앞에 조건이 거짓이면 뒤에연산을 실행함
// " &&는 앞에 조건이 참이면뒤에 연산을 실행함
input % 2 == 0 || alert('홀수입니다');
input % 2 == 0 && alert('짝수입니다');
}
</script>
<hr>
JavaScript
복사
ㅁ switch문을 이용하여 시간별로 alert문 다르게나오기
•
스위치문을 쓸 때 주의할점은 switch() 여기 조건을 true라는 조건을 둬야 case안에 조건문을 작성할 수 있다.
<h3>switch문 테스트</h3>
<button onclick="switchTest();">실행확인</button>
<script>
function switchTest(){
var today = new Date();
var hour = today.getHours();
//true라는 조건을 둬야 case안에 조건문을 작성할 수 있다.
switch(true){
case hour == 12 : alert('점심시간 입니다'); break;
case hour > 12 : alert('수업시간입니다'); break;
default : alert('오전입니다'); break;
}
}
</script>
JavaScript
복사
