WEB.JS/01.BASIC_JS

chapter04 : 연산자

GAWON 2023. 5. 19. 09:18 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	// 1. 문자열 연산자 : +

	// 2. 산술 연산자 : +, -, *, /(나누기), %(나머지), ++(1증가), --(1감소)

	// 몫을 구하는 방법:
	document.write("나누기 = " + (7/2) + "<br>");
	document.write("나머지 = " + (7%2) + "<br>");
	document.write("몫 = " + parseInt(7/2) + "<br>");		// parseInt(a/b) : 정수로 변환
	document.write("몫 = " + Math.floor(7/2) + "<br>");		// Math.floor(a/b) : 내림 처리

	// 2-1. 테스트 문제
	document.write("<h3>테스트 문제</h3>");

	document.write(10 + 20 + "<br/>");			// 30
	document.write("10" + 20 + "<br/>");		// 1020
	document.write(10 + "20" + "<br/>");		// 1020
	document.write("10" + "20" + "<br/>");		// 1020

	document.write(10 + 20 + "30" + "<br/>");	// 3030
	document.write(10 + "20" + 30 + "<br/>");	// 102030
	document.write("10" + 20 + 30 + "<br/>");	// 102030

	document.write("10" - 2 + "<br/>");			// 8		자동 변환 뒤 계산
	document.write("10" * 2 + "<br/>");			// 20 		자동 변환 뒤 계산
	document.write("10" / 2 + "<br/>");			// 5		자동 변환 뒤 계산
	document.write("10" % 2 + "<br/>");			// 0		자동 변환 뒤 계산

	// 3. 관계 연산자 : >, >=, <, <=, ==, !=
	document.write((10 >= 9 >= 8) + "<br>"); 	// false
	// 1) 10>=9 결과 true
	// 2) true >= 8   (true==1)

	// 4. 논리 연산자 : &&, ||, !
	// 짧은 연산 지원
	// 1) && : 조건식이 false가 되면 더 이상 연산하지 않는다. 어차피 false
	// 2) || : 조건식이 true가 되면 더 이상 연산하지 않는다. 어차피 true

	// 5. ===, !==
	var a = true;
	var b = 1;
	document.write("true == 1 : " + (a == b) + "<br>");		// == : 값만 비교, 타입 비교x
	document.write("true === 1 : " + (a === b) + "<br>");	// === : 값과 타입 모두 비교

	// 6. 복합 연산자 : +=, -=, *=, /=, %=

	// 7. 삼항 연산자 : 조건식 ? true : false;





</script>
</head>
<body>

</body>
</html>