[JavaScript] JavaScript Number 메서드 사용방법
- 웹 프로그래밍/JavaScript
- 2020. 12. 25. 00:00
안녕하세요.
오늘은 JavaScript에서 기본으로 제공해주는 Number 메서드에 대해서 알아 보고 각 메서드 별로 어떻게 사용하는지도 알아 보려고 합니다.
Number 메서드는 크게 아래와 같이 6가지가 있습니다.
1. Number.parseFloat() – 문자열 파싱하여, 문자열에 포함된 숫자 부분을 실수 형태로 반환
2. Number.parseInt() – 문자열을 파싱하여, 문자열에 포함된 숫자 부분을 정수 형태로 반환
3. Number.isNaN() – 값이 NaN(Not a Number) 인지 아닌지를 검사
4. Number.isFinite() – 값이 유한한 수인지 아닌지를 검사
5. Number.isInteger() – 값이 정수인지 아닌지를 검사
6. Number.isSafeInteger() – 값이 안전한 정수 인지 아닌지를 검사 (안전한 정수란 64비트 부동 소수점 수로 정확히 표현되는 정수를 뜻함)
위와 같이 6가지의 Number 메서드들이 있는데요. 각각의 Number 메서드들을 예제 코드를 통해서 사용해 보도록 하겠습니다.
예제 코드
|
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
<html>
<head>
<title>HTML 제목 - 범범조조</title>
<meta charset="utf-8">
<style>
h1{
color: blue;
background-color: burlywood;
}
h2{
color: red;
}
</style>
</head>
<body>
<h1>JavaScript Number 객체 사용하기</h1>
<h2>parseFloat 메서드</h2>
<script>
document.write(Number.parseFloat("12") + "<br>");
document.write(Number.parseFloat("12.345")+ "<br>");
document.write(Number.parseFloat("문자열 123") + "<br>");
</script>
<br/>
<h2>parseInt 메서드</h2>
<script>
document.write(Number.parseInt("12") + "<br>");
document.write(Number.parseInt("12.345") + "<br>");
document.write(Number.parseInt("문자열 1234") + "<br>");
document.write(Number.parseInt("문자열12345") + "<br>");
</script>
<br/>
<h2>isNaN 메서드</h2>
<script>
document.write(Number.isNaN(NaN) + "<br>");
document.write(Number.isNaN(12 / 0) + "<br>");
document.write(Number.isNaN(123) + "<br>");
</script>
<br/>
<h2>isFinite 메서드</h2>
<script>
document.write(Number.isFinite(0) + "<br>"); // true
document.write(Number.isFinite(3e45) + "<br>"); // true
</script>
<br/>
<h2>isInteger 메서드</h2>
<script>
document.write(Number.isInteger(123) + "<br>");
document.write(Number.isInteger(-1000) + "<br>");
document.write(Number.isInteger("문자열") + "<br>");
</script>
<br/>
<h2>isSafeInteger 메서드</h2>
<script>
document.write(Number.isSafeInteger(10) + "<br>");
document.write(Number.isSafeInteger(Infinity) + "<br>");
document.write(Number.isSafeInteger(3.14) + "<br>");
</script>
<br/>
</body>
</html>
|
cs |
실행 결과
위와 같이 각종 Number 메서드를 이용하여 결과 값들을 출력해 보았습니다.
감사합니다.^^
728x90
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JavaScript] JavaScript 함수 (function) – arguments 객체 (0) | 2020.12.26 |
|---|---|
| [JavaScript] JavaScript Date(날짜) 객체 사용하기 (0) | 2020.12.26 |
| [JavaScript] JavaScript 함수 (function) (0) | 2020.12.25 |
| [JavaScript] JavaScript Number 객체 사용방법 (0) | 2020.12.24 |
| [JavaScript] JavaScript 배열(Array) (0) | 2020.12.24 |
