자바스크립트의 특징 중 하나는 숫자 데이터는 모든 데이터 타입이 number 이다. 수치가 크던 작던 숫자함수를 사용하던 그렇지 않던 모든 숫자는 number 타입 하나만 인식한다. 다른 언어들이 정수, 소숫점 등 여러가지로 나뉘어져 있지만 자바스크립트는 그렇지 않다. 숫자면 그냥 숫자이다.
자바스크립트 숫자형 데이터
javascript number
자바스크립트의 숫자형태의 데이터들은 다른 언어와는 다른 측면이 있다.
실제로 보여지는 데이터는 숫자형 number 로 표현을 한다.
int, float, decimal 등을 구분하는 자바나 c#과는 다르게 자바스크립트는 number 란 데이터형으로 하나만 인식한다.
그럼에도 세부적인 숫자처리를 위해 정수형이라 소숫점을 사용하지만 말이다.
자바스크립트의 모든 숫자형은 소숫점을 사용하던 그렇지 않던 거듭제곱, 지수 등을 사용하더라도 똑같은 number 이다.
사용방법
자바스크립트에서 숫자를 사용할 때 사용방법은 달리 없다.
변수에 숫자만 할당하면 그만이다.
위에서 언급한대로 어떤 숫자를 사용하더라도 숫자형 하나만으로 인식한다.
let vInt = 3;
let vFloat = 3.14;
let vExpPosSma = 3e3;
let vExpNegSma = 3e-3;
let vExpPosLag = 3e100;
let vExpNegLag = 3e-100;
샘플코드
자바스크립트 샘플코드를 위한 예제를 만들어 본다.
콘솔에서 출력을 하는 것이 아닌 실제 웹화면에서도 어떻게 나오는지 비교를 해 본다.
눈으로라도 많이 보는 것이 이득이다.
코드가 쓸데없이 길어보이지만 변수에 숫자를 할당하고 출력하는 부분만 보면 된다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 숫자형</h2>
<div id="cont">
<p id="vInt"></p>
<p id="vFloat"></p>
<p id="vExpPosSma"></p>
<p id="vExpNegSma"></p>
<p id="vExpPosLag"></p>
<p id="vExpNegLag"></p>
</div>
<script>
console.log("----------");
let vInt = 3;
let vFloat = 3.14;
let vExpPosSma = 3e3;
let vExpNegSma = 3e-3;
let vExpPosLag = 3e100;
let vExpNegLag = 3e-100;
console.log(typeof(vInt), vInt);
document.getElementById("vInt").innerHTML = vInt;
console.log(typeof(vFloat), vFloat);
document.getElementById("vFloat").innerHTML = vFloat;
console.log(typeof(vExpPosSma), vExpPosSma);
document.getElementById("vExpPosSma").innerHTML = vExpPosSma;
console.log(typeof(vExpNegSma), vExpNegSma);
document.getElementById("vExpNegSma").innerHTML = vExpNegSma;
console.log(typeof(vExpPosLag), vExpPosLag);
document.getElementById("vExpPosLag").innerHTML = vExpPosLag;
console.log(typeof(vExpNegLag), vExpNegLag);
document.getElementById("vExpNegLag").innerHTML = vExpNegLag;
console.log("----------");
</script>
</body>
</html>
숫자형태가 다양하게 표현되어 있다.
거듭제곱을 표현하고 있기도 하다.
하지만, 이 숫자들의 데이터타입은 모두 숫자형태인 number 타입이다.
결과화면을 보자.
어떤 숫자를 사용하던 number 형태로 인식하고 있다.
'programming > javascript' 카테고리의 다른 글
자바스크립트 숫자 문자 관계 + 연산자는 더하기가 아니다. (0) | 2021.11.28 |
---|---|
자바스크립트 숫자범위와 정밀도 정수형 최대 15자리 부동소수점 17자리 (0) | 2021.11.27 |
자바스크립트 템플릿 리터럴 html 코드 만들기 (0) | 2021.11.23 |
자바스크립트 문자열 템플릿 수식과 표현식 넣기 (0) | 2021.11.22 |
자바스크립트 템플릿 리터럴 치환자 javascript template literal (0) | 2021.11.22 |
댓글