JavaScript Numbers: 숫자 처리와 활용법 - 좋은공간 좋은집

JavaScript에서 숫자(Number)는 웹 애플리케이션을 개발할 때 자주 사용되는 데이터 타입 중 하나입니다. JavaScript는 모든 숫자를 하나의 데이터 타입인 Number로 처리하며, 정수와 부동소수점 숫자 모두 같은 방식으로 다룹니다. 이 글에서는 JavaScript에서 숫자를 처리하는 방법과 다양한 숫자 관련 메서드와 기능을 살펴보겠습니다.

JavaScript에서 숫자란?

JavaScript에서 숫자는 정수와 실수를 모두 포함하는 데이터 타입입니다. 정수, 소수, 음수 등을 다루는 데 사용되며, Number 데이터 타입으로 관리됩니다.

let num1 = 42;   // 정수
let num2 = 3.14;  // 실수 (부동소수점)
let num3 = -100;  // 음수

숫자는 사칙연산, 비교 연산, 그리고 다양한 수학적 작업에 사용될 수 있습니다.

숫자 처리 메서드

JavaScript는 숫자를 다루기 위한 다양한 메서드와 내장 객체를 제공합니다. 이러한 메서드를 활용하면 숫자를 더 효율적으로 처리할 수 있습니다.

1. toString(): 숫자를 문자열로 변환

toString() 메서드는 숫자를 문자열로 변환합니다. 숫자를 다른 진법으로 표현할 때 유용하게 사용할 수 있습니다.

let num = 42;
let str = num.toString();
console.log(str);  // 결과: "42"

let binary = num.toString(2);
console.log(binary);  // 결과: "101010" (2진수)

2. toFixed(): 소수점 자릿수 지정

toFixed() 메서드는 숫자의 소수점 자릿수를 지정한 값만큼 반환합니다. 이는 금융 계산이나 소수점 처리가 중요한 경우에 유용합니다.

let num = 3.14159;
console.log(num.toFixed(2));  // 결과: "3.14"
console.log(num.toFixed(4));  // 결과: "3.1416"

3. toPrecision(): 전체 자릿수 지정

toPrecision() 메서드는 숫자를 지정한 전체 자릿수로 표시합니다. 과학적 표기법으로 표현할 수도 있습니다.

let num = 123.456;
console.log(num.toPrecision(4));  // 결과: "123.5"
console.log(num.toPrecision(2));  // 결과: "1.2e+2" (과학적 표기법)

4. Number()와 parseInt(), parseFloat()

Number() 함수는 문자열이나 불리언 값을 숫자로 변환합니다. parseInt()와 parseFloat()는 문자열을 각각 정수와 실수로 변환합니다.

let str = "42";
console.log(Number(str));  // 결과: 42

let floatStr = "3.14";
console.log(parseFloat(floatStr));  // 결과: 3.14

let intStr = "100px";
console.log(parseInt(intStr));  // 결과: 100

5. isNaN(): 값이 숫자인지 확인

isNaN() 함수는 값이 숫자가 아닌 값(Not-a-Number)인지 확인합니다. 숫자가 아닌 값이라면 true를, 숫자라면 false를 반환합니다.

let value = "Hello";
console.log(isNaN(value));  // 결과: true

let num = 42;
console.log(isNaN(num));  // 결과: false

JavaScript의 숫자 상수

JavaScript는 숫자를 다룰 때 유용한 몇 가지 상수를 제공합니다. 이러한 상수들은 수학적 계산에서 자주 사용됩니다.

• Number.MAX_VALUE: JavaScript에서 표현할 수 있는 가장 큰 숫자
• Number.MIN_VALUE: JavaScript에서 표현할 수 있는 가장 작은 숫자(0에 가장 가까운 양수)
• Number.POSITIVE_INFINITY: 양의 무한대
• Number.NEGATIVE_INFINITY: 음의 무한대
• Number.NaN: Not-a-Number (숫자가 아님을 나타냄)

console.log(Number.MAX_VALUE);  // 결과: 1.7976931348623157e+308
console.log(Number.POSITIVE_INFINITY);  // 결과: Infinity

Math 객체를 사용한 숫자 처리

JavaScript의 Math 객체는 수학적 계산을 위한 다양한 메서드를 제공합니다. 이를 사용하면 복잡한 수학적 작업도 쉽게 처리할 수 있습니다.

1. Math.round(): 반올림

Math.round()는 가장 가까운 정수로 반올림합니다.

let num = 4.7;
console.log(Math.round(num));  // 결과: 5

let num2 = 4.3;
console.log(Math.round(num2));  // 결과: 4

2. Math.ceil()와 Math.floor(): 올림과 내림

Math.ceil()은 소수점 이하 값을 올려서 정수를 반환하고, Math.floor()는 소수점 이하 값을 내립니다.

let num = 4.3;
console.log(Math.ceil(num));  // 결과: 5
console.log(Math.floor(num));  // 결과: 4

3. Math.random(): 무작위 숫자 생성

Math.random() 메서드는 0 이상 1 미만의 무작위 소수를 반환합니다. 이를 활용하면 난수 생성이 가능합니다.

let randomNum = Math.random();
console.log(randomNum);  // 예: 0.123456789

무작위 정수를 얻기 위해서는 Math.floor() 또는 Math.ceil()과 함께 사용할 수 있습니다.

let randomInt = Math.floor(Math.random() * 10);  // 0에서 9 사이의 정수
console.log(randomInt);

4. Math.max()와 Math.min(): 최대값과 최소값 찾기

Math.max()는 주어진 숫자 중 최대값을 반환하고, Math.min()은 최소값을 반환합니다.

let max = Math.max(10, 20, 30, 40);
console.log(max);  // 결과: 40

let min = Math.min(10, 20, 30, 40);
console.log(min);  // 결과: 10

결론

JavaScript에서 숫자는 매우 중요한 데이터 타입이며, 다양한 숫자 처리 방법과 내장 메서드를 제공합니다. Number 객체와 Math 객체를 활용하면 숫자를 변환하거나, 반올림, 무작위 숫자 생성, 소수점 처리 등 다양한 작업을 쉽게 수행할 수 있습니다. 숫자를 다루는 다양한 메서드를 익히고 프로젝트에 활용해 보세요!