JavaScript의 숫자형 메서드 이해하기: `toFixed`, `toString`, 숫자 변환

JavaScript의 숫자형 메서드 이해하기: toFixed, toString, 숫자 변환

소개

JavaScript는 숫자 데이터를 다루기 위한 다양한 내장 메서드를 제공합니다. 특히 toFixed와 toString은 숫자를 문자열로 변환하고 원하는 형식으로 표현하는 데 유용한 메서드입니다. 이 글에서는 toFixed와 toString 메서드를 중심으로, 문자열과 숫자 간의 변환을 도와주는 몇 가지 기법을 살펴보겠습니다.

Number 객체 메서드

1. Number.isNaN

   • 숫자가 NaN(Not a Number)인지 확인합니다.

   console.log(Number.isNaN(NaN)); // true
   console.log(Number.isNaN(123)); // false

2. Number.isFinite

   • 값이 유한한 숫자인지 확인합니다.

   console.log(Number.isFinite(100)); // true
   console.log(Number.isFinite(Infinity)); // false

3. Number.isInteger

   • 숫자가 정수인지 확인합니다.

   console.log(Number.isInteger(42)); // true
   console.log(Number.isInteger(4.2)); // false

4. Number.parseInt

   • 문자열을 정수로 변환합니다. (전역 메서드 parseInt와 동일)

   console.log(Number.parseInt('42')); // 42
   console.log(Number.parseInt('42.5')); // 42

5. Number.parseFloat

   • 문자열을 부동 소수점 숫자로 변환합니다. (전역 메서드 parseFloat과 동일)

   console.log(Number.parseFloat('42.5')); // 42.5
   console.log(Number.parseFloat('42')); // 42

Number 프로토타입 메서드

1. toFixed

   • 숫자를 소수점 이하 원하는 자릿수로 표현하도록 문자열로 변환합니다.

   let num = 123.456;
   console.log(num.toFixed(2)); // '123.46' (소수점 이하 2자리로 반올림)
   console.log(num.toFixed(0)); // '123' (소수점 이하 없이 반올림)
   console.log(num.toFixed(5)); // '123.45600' (소수점 이하 5자리로 표현)

   특징:

   • 반올림: toFixed는 지정한 자릿수에서 반올림하여 문자열로 변환합니다.
   • 문자열 반환: 반환 값은 문자열이므로, 숫자 계산에 사용할 때는 다시 숫자로 변환해야 합니다.

2. toExponential

   • 숫자를 지수 표기법으로 변환합니다.

   let num = 12345.6789;
   console.log(num.toExponential(2)); // 1.23e+4

3. toPrecision

   • 숫자를 원하는 유효 자릿수로 변환합니다.

   let num = 12345.6789;
   console.log(num.toPrecision(5)); // 12346
   console.log(num.toPrecision(7)); // 12345.68

4. toString

   • 숫자를 문자열로 변환하며, 인자로 주어진 진법의 문자열로 변환할 수 있습니다.

   let num = 255;
   console.log(num.toString()); // '255'
   console.log(num.toString(16)); // 'ff' (16진수)
   console.log(255..toString(16)); // 'ff'

문자열을 숫자로 변환하는 기법

숫자를 다룰 때 종종 문자열을 숫자로 변환해야 할 때가 있습니다. 이를 쉽게 하기 위한 방법이 있습니다:

1. + 연산자: 문자열 앞에 +를 붙이면 숫자로 변환됩니다.

   let str = '42.5';
   let num = +str;
   console.log(num); // 42.5
   console.log(typeof num); // number

2. parseInt와 parseFloat: 문자열을 각각 정수 또는 부동 소수점 숫자로 변환하는 함수입니다.

   let intStr = '42';
   let floatStr = '42.5';
   console.log(parseInt(intStr)); // 42
   console.log(parseFloat(floatStr)); // 42.5

결론

JavaScript의 숫자형 메서드는 숫자를 변환하고 표현하는 데 유용한 기능을 제공합니다. toFixed, toString, + 연산자 등을 잘 활용하면 숫자를 더욱 효율적으로 다룰 수 있습니다.