728x90
반응형
<Number>
자바스크립트에서 기본적으로 제공하고 있는 객체 중 하나
1. 정수, 실수를 다루는 객체
2. 속성
- NaN(Not a Number) : 값이 숫자가 아닌 경우 //예: parseInt("a") --- isNaN()함수 사용 가능
- infinity(범위를 벗어난 숫자) : Infinity/100, Number.MAX_VALUE + 0.00001e+308
3. Number 객체 함수
- toFiexed(n): 실수형의 소수점 자리수(n)를 지정하고 문자열로 반환
- toString(n): n진수 변환하여 숫자열로 변환
4. 기타 예외 속성
- undefined(값이 정의되지 않음)
- null(변수는 선언되어 있지만, 값이 비어 있다)
예를 들어 휴지걸이에 비교해 보자자면, null값은 휴지걸이는 있지만 휴지가 걸려있지 않은 경우이고
undefined는 휴지걸이 자체도 없다고 생각할 수 있다. 아래의 코드로 연습해보자.
<!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 num01 = new Number(7); //객체선언
var num02 = 7; //리터럴
//2. NaN
out.innerHTML = "NaN : " + parseInt("a") + "<br/>";
//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.34567;
out.innerHTML += "toFixed : " +number01.toFixed(2) + "<br/>";
//2) toString(n) : n진수 변환하여 문자열로 변환
var number02 = 123;
out.innerHTML += "toString(n): " + number02.toString(16);
}
function isNum(){
var out = document.getElementById("inputText");
var num = prompt("숫자만 입력하세요");
if(isNaN(num)){
out.innerHTML = "숫자만 입력하세요" ;
} else {
out.innerHTML = "input Num: " + num ;
}
}
</script>
</head>
<body>
<pre>
* 자바 스크립트에서 기본적으로 제공하고 있는 객체 중 하나
1. Number
- 정수 실수를 다루는 객체
<button onclick="numberObj();">number 객체</button>
- 속성: NaN(Not a Number)
infinity(범위를 벗어난 숫자)
- 기타 예외 속성
undefined(값이 정의되지 않음)
null(변수는 선언되어 있지만, 값이 비어있다.)
<button onclick="isNum();">숫자판별</button>
</pre>
<p id="inputText"></p>
</body>
</html>728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]date_오늘날짜 (0) | 2020.07.28 |
|---|---|
| [JS]형변환 (0) | 2020.07.28 |
| [JS]object (0) | 2020.07.28 |
| [JS]node, nodelist (0) | 2020.07.28 |
| [JS]node, nodelist (0) | 2020.07.28 |
