티스토리 뷰

UI_UX/JavaScript & JQuery

[JavaScript] 6. Number 객체 사용

쟌쥰 2020. 1. 26. 15:18 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
	
	function numberObj(){
		var out = document.getElementById("inputText");
		
		// 1. 작성방법
		var num = new Number(7);	// 객체
		var num02 = 7;					// 리터럴
		
		// 2. NaN
		out.innerHTML = "NaN 속성 : " + parseInt('a') + "<br/>"
		//arseInt(args) : 넘어온 아규먼트 타입이 숫자형 문자일 때, 숫자로 변환
	
		// 3. infinity 속성
		out.innerHTML += "infinity 속성 : " + (Infinity/100) + "<br/>";
		out.innerHTML += "infinity 속성 : " + (Number.MAX_VALUE + 0.00001e+308) + "<br/>";
		
		// 4. Number 객체의 메서드
		// 1) toFixed() : 실수형의 소숫점 자리수를 지정하고 문자열로 반환
		var number01 = 333.45678;
		out.innerHTML += "toFixed : " + number01.toFixed(2) + "<br/>";
		
		// 2) toString() : 진수 변환하여 문자열로 반환
		var number02 = 123;
		out.innerHTML += "toString : " + number02.toString(16);
	}
	
	function isNum(){
		var out = document.getElementById("inputText");
		var num = prompt("숫자만 입력하세요!!");
		
		if(isNaN(num)){
			out.innerHTML = num + " : 숫자가 아닙니다!!";
		}else{
			out.innerHTML = num + " : 숫자가 맞습니다!!";
		}
	}


</script>

</head>
<body>

	<pre>
		자바스크립트에서 기본적으로 제공하는 객체 중 하나
		Number
		- 정수, 실수를 다루는 객체
		<button onclick="numberObj();">number</button>
		- 속성 : NaN(Not a Number 숫자가 아닌 값), infinity(범위를 벗어난 숫자)
		- 그 밖에 예외를 나타내는 속성
			undefined(값이 정의되지 않았다.), null(성언은 되어 있는데, 값이 없다.)
		<button onclick="isNum();">숫자 판별</button>
	</pre>

	<p id="inputText"></p>

</body>
</html>

'UI_UX > JavaScript & JQuery' 카테고리의 다른 글

[JavaScript] 8. Date 객체 사용  (0) 2020.01.26
[JavaScript] 7. trans Object 형변환  (0) 2020.01.26
[JavaScript] 5. Object 객체 만들기  (0) 2020.01.26
[JavaScript] 4. DOM 탐색  (0) 2020.01.26
[JavaScript] 3. 함수의 사용  (0) 2020.01.26
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/07   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함