JavaScript - 자료형

|
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/*자료형 검사*/
	alert(typeof ('String')); /*String*/
	alert(typeof (273)); /*number*/
	alert(typeof (true)); /*boolean*/
	alert(typeof (function(){})); /*function*/
	alert(typeof ({})); /*object*/
	alert(typeof (alpha)); /*undefined*/

/*javascript 예제*/
	function join(){
		var input = prompt("이름이 무엇입니까?", "이름을 입력해주세요"); // prompt: 입력요구
		if(input == null){
			alert("가입이 취소되었습니다.");
		} else {
			alert(input + "님 가입을 축하합니다.");
		}
	}
	
	function join2(){
		var con_test = confirm("어떤 값이 나올까요. 확인을 누르세요"); // confirm: 확인요구
		if(con_test){
			alert("확인을 눌렀구나.");
		} else if(!con_test) {
			alert("취소를 눌렀구나.");
		}
	}

/*자료형 변환 예제*/	
	function join3(){
		// 숫자를 스트링으로 바꾸기
		var tt = 2;
		tt +=""; // tt.toString() 이나 tt.toFixed(0); 으로도 가능
		alert(typeof tt); //result : String
		
		//boolean과 숫자연산
		var tt = true;
		tt = tt + 1;
		alert(typeof tt); //result : number
		
		//boolean과 문자연산
		var tt = true;
		tt = tt + "1";
		alert(typeof tt); //result : boolean???
				
		// 스트링을 숫자로 바꾸기
		var tt = "2";
		tt *= 1; // Number(tt): 숫자만 변환가능 / parseInt(tt): 정수만 변환가능 / parseFloat(tt) : 실수도 변환가능
		alert(typeof tt); //result : number
	}
	
</script>
</head>
<body>
	<input type="button" value="가입하기" onClick="join()"><br><br>
	<input type="button" value="가입하기2" onClick="join2()"><br><br>
	<input type="button" value="가입하기3" onClick="join3()">
</body>
</html>

'Bitcamp > BITCAMP - Front Web' 카테고리의 다른 글

JavaScript - 클로저, Scope  (0) 2019.09.05
6일차 실습  (0) 2019.09.04
5일차  (0) 2019.09.03
4일차 실습  (0) 2019.09.02
3일차  (0) 2019.08.30
And