Number.MAX_VALUE와 Number.MIN_VALUE란?
자바스크립트의 Number.MAX_VALUE와 Number.MIN_VALUE 속성은 각각 자바스크립트에서 표현할 수 있는 최댓값과 최솟값을 나타내는 정적 속성입니다.
두 속성의 특징을 간단히 정리하면 다음과 같습니다.
- Number.MAX_VALUE: 자바스크립트가 표현할 수 있는 가장 큰 숫자로, 약
1.7976931348623157e+308입니다. - Number.MIN_VALUE: 표현할 수 있는 가장 작은 양수 값으로, 약
5e-324입니다. 음수가 아니라는 점에 주의해야 하며, 이보다 작은 양수는 0으로 처리됩니다.
이 두 속성은 Number 객체의 정적 속성이므로, 별도의 객체 생성 없이 Number.MAX_VALUE, Number.MIN_VALUE 형태로 바로 사용할 수 있습니다.
예제 코드
다음은 Number.MAX_VALUE와 Number.MIN_VALUE 속성을 활용한 예제 코드입니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 18px;
font-weight: 500;
color: red;
}
</style>
</head>
<body>
<h1>JavaScript Number.MAX_VALUE & Number.MIN_VALUE</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
위 버튼을 클릭하면 자바스크립트에서 표현 가능한 최댓값과 최솟값을 확인할 수 있습니다.
</h3>
<script>
let sampleEle = document.querySelector(".sample");
document.querySelector(".Btn").addEventListener("click", () => {
sampleEle.innerHTML = 'Number.MAX_VALUE = ' + Number.MAX_VALUE + '<br>';
sampleEle.innerHTML += 'Number.MIN_VALUE = ' + Number.MIN_VALUE + '<br>';
});
</script>
</body>
</html>실행 결과
페이지를 처음 열면 아래와 같이 버튼만 표시됩니다.
'CLICK HERE' 버튼을 클릭하면 다음과 같이 최댓값과 최솟값이 화면에 출력됩니다.
코드 설명
document.querySelector(".sample")을 통해 결과를 출력할 요소를 선택합니다.- 버튼에 클릭 이벤트 리스너를 등록하여, 버튼을 누르면
innerHTML을 통해 MAX_VALUE와 MIN_VALUE 값을 화면에 표시합니다. <br>태그를 사용해 두 값이 각 줄에 나누어 출력되도록 합니다.
이처럼 Number.MAX_VALUE와 Number.MIN_VALUE 속성을 활용하면 자바스크립트의 숫자 표현 범위를 손쉽게 확인할 수 있으며, 매우 크거나 작은 수를 다룰 때 유용하게 사용됩니다.