본문 바로가기
programming/javascript

자바스크립트 숫자형 데이터 javascript numbers

by 개코 - 개발과 코딩 2021. 11. 25.

자바스크립트의 특징 중 하나는 숫자 데이터는 모든 데이터 타입이 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 형태로 인식하고 있다.

반응형

댓글