자바스크립트 숫자 타입 데이터 작성 방법 예제

2023.08.07

숫자도 JavaScript의 기본 데이터형의 하나로 숫자나 숫자에 관한 기호와 조합해 작성합니다.

예를 들어 17이나 3.141 등의 숫자입니다.

숫자는 계산을 하거나 반복 처리를 하는 경우에 회수를 카운터 하는 등의 용도로 이용됩니다.

스크립트 안에서 작성된 숫자는 숫자 리터럴이라고 불리기도 합니다.

 

숫자

 숫자 작성은 다음과 같이합니다.

100 
3.141

 

문자열처럼 [‘]이나 [“] 등으로 감싸줄 필요가 없습니다.

반대로 숫자에 [“]등으로 감싸는 경우는 숫자가 아닌 숫자를 의미하는 문자 또는 문자열이 됩니다.

174 // 숫자
"174" // 문자열

 

위의 1번째 행의 174는 숫자이지만 2번째 행의 174는 문자열입니다.

문자열로는 계산을 할 수 없습니다.

그리고 JavaScript에서는 숫자는 전부 부동소수점으로 취급하고 있습니다.

다른 프로그램 언어에서는 정수와 부동소수점을 다른 데이터형으로 관리하는 언어도 있지만 JavaScript에서는 모든 숫자는 정수도 부동소수점도 내부적으로는 구별하지 않습니다.

단, 숫자를 작성할 때에는 정수는 정수로써 작성할 수 있고 부동소수점은 부동소수점으로 작성할 수 있습니다.

 

정수 숫자

JavaScript에는 특별한 숫자를 의미하는 숫자가 정의되어 있습니다.

이 정수는 Number클래스의 함수 프로퍼티로 정의되어 있습니다.

Number.NaN 
Number.POSITIVE_INFINITY
Number.NEGATIVE_INFINITY 
Number.MAX_VALUE 
Number.MIN_VALUE

 

Number.NaN은 [Not a Number]의 약자이고 숫자로써 “없다”라는 특별한 값의 의미를 가지고 있습니다.

예를 들어 0을 0으로 나눈 결과는 NaN이 됩니다. 이러한 값이 출력될 때 [NaN]으로 출력됩니다.

Number.POSITIVE_INFINITY는 표현가 능한 최대값을 초과했을 때 사용됩니다.

정학하게는 무한대를 의미합니다.

예를 들어 0이 아닌 값을 0으로 나누면은 POSITIVE_INFINITY가 됩니다.

이 값이 출력될 때는 [Infinity]로 출력됩니다.

같은 뜻으로 Number.NEGATIVE_INFINITY는 마이너스 값의 절댓값이 표현가능한 최대값을 초과한 경우에 사용되는 마이너스의 무한대를 의미합니다.

이 값이 출력될 때는 [-Infinity]로 출력됩니다. 

 Number.MAX_VALUE는 표현 가능한 최대값을 의미하고, Number.MIN_VALUE는 표현 가능한 최소값을 의미합니다.

 비교 연산자 등을 사용해 값을 비교할 때에는 주의가 필요합니다.

(자세한 내용은 [비교 연산자]에서 확인하도록 하겠습니다.) 

 

샘플 코드

sample3_1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head>
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr"> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta http-equiv="Content-Script-Type" content="text/javascript"> 

  <title>JavaScript 테스트</title> 
</head>
<body> 
  <script type="text/javascript" src="./js/script3_1.js"> 
  </script> 
</body> 
</html>

 

※스크립트 파일은 HTML 파일이 있는 곳에 js 라는 폴더를 만들어 넣어줍니다.

script3_1.js

var sum = 10 + 5;  
document.write('<p>합계는 ' + sum + '입니다</p>');

 

실행하면 브라우저에 다음과 같이 표시됩니다. 

 

간단한 덧셈을 처리하고 그 결과를 화면에 표시하고 있습니다. 

 

샘플을 하나 더 보도록 하겠습니다.

sample3_2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head>
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="kr" lang="kr"> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
  <meta http-equiv="Content-Script-Type" content="text/javascript"> 

  <title>JavaScript 테스트</title> 
</head>
<body>
  <script type="text/javascript" src="./js/script3_2.js"> 
  </script>  
</body> 
</html>

 

※스크립트 파일은 HTML 파일이 있는 곳에 js 라는 폴더를 만들어 넣어줍니다.

script3_2.js

document.write("<p>" + (1 / 0) + "</p>");
document.write("<p>" + (-1 / 0) + "</p>");
document.write("<p>" + (0 / 0) + "</p>");
document.write("<p>" + Number.MAX_VALUE + "</p>"); 
document.write("<p>" + Number.MIN_VALUE + "</p>");

 

실행하면 브라우저에 다음과 같이 표시됩니다.

댓글