B21 : 숫자형 심화

목차

1. 숫자형

    1-1. e로 10 거듭제곱

    1-2. 16진수, 2진수, 8진수

    1-3. toString(base)

    1-4. 어림수 구하기 (rounding)

    1-5. 부정확한 계산

    1-6. isNaN과 isFinite

    1-7. parseInt와 parseFloat

2. Math의 메서드들

---

1. 숫자형

1. e로 10 거듭제곱

0이 많은 숫자들을 입력하는 방법들이 있다.

// en : 10의 n 거듭제곱
alert( 1e3 === 1 * 1000 );	// true
alert( 1.23e6 === 1.23 * 1000000 );	// true
alert( 1e-6 === 0.000001 );	// true

 

2. 16진수, 2진수, 8진수

접두사 0x로 16진수를, 0b로 2진수를, 0o로 8진수를 나타낼 수 있다.

// 16진수
alert( 0xff );	// 255

// 2진수와 8진수
let a = 0b11111111;	// 255의 2진수
let b = 0o377;	// 255의 8진수

alert( a == b );

 

이 외의 진법은 parseInt를 사용한다.

 

3. toString(base)

num.toString(base) 메서드는 base 진법으로 num을 표현한 후, 이를 문자형으로 변환해 반환한다.

base는 2 ~36까지 쓸 수 있으며, 기본값은 10이다.

let num = 255;

alert( num.toString(16) );	// ff
alert( num.toString(2) );	// 11111111
alert( 123456..toString(36) ); // 2n9c

• base=2 : 비트 연산 디버깅에 주로 쓰인다. 숫자는 0 또는 1이 된다.
• base=16 : 16진수 색, 문자 인코딩 등을 표현할 때 사용한다. 숫자는 0 ~ 9, 10이상의 수는 A ~ F가 된다.
• base=36 : 0..9, A..Z를 사용해 숫자를 표현한다.
• 변수가 아닌 숫자를 대상으로 호출한다면 점을 두 개 .. 붙여야한다. ( 혹은 (123).toString(36)도 가능 )

 

4. 어림수 구하기 (rounding)

어림수 관련 내장 함수 몇 가지를 보자.

• Math.floor
  소수점 첫째 자리에서 버림
• Math.ceil
  소수점 첫째 자리에서 올림
• Math.round
  소수점 첫째 자리에서 반올림
• Math.trunc
  소수부를 무시

위의 내장 함수들로는 첫째 자리에 대한 어림수만 연산이 되었다.

 

소수점 2 이상의 수를 기준으로 어림수를 구할 때의 경우를 보자.

• 곱하고 나누기
  원하는 자릿수만큼 10의 거듭제곱을 곱하고 → 원하는 내장 함수 사용 → 곱한만큼 나누기
• toFixed(n) 사용
  소수점 n번째 수까지의 어림수를 구한 후(올림/버림), 이를 문자형으로 반환해준다.

let num = 1.23456
alert( Math.floor(num * 100) / 100 );	// 곱하고 나누기

let num1 = 12.34;
let num2 = 12.26;

alert( num.toFixed(1) );	// "12.3"
alert( num.toFixed(1) );	// "12.4"

 

 

5. 부정확한 계산

소수점의 계산/비교를 하면 정밀도 손실(loss of precision)이 발생할 수 있다.

alert( 0.1 + 0.2 == 0.3 );	// false
alert( 0.1 + 0.2 );	// 0.30000000000000004

숫자는 이진수로 변환되어 메모리 공간에 저장되는데,

10진수에서 1/3이 무한 소수 0.3333...이 되듯, 2진수에서 2의 거듭제곱이 아닌 값은 무한 소수가 되기 때문이다.

 

문제를 해결하려면 toFixed()같은 메서드를 사용하면된다.

let sum = 0.1 + 0.2;
alert( sum.toFixed(2) );	// 0.30

let sum = 0.1 + 0.2;
alert( +sum.toFixed(2) );	// 0.3

 

 

6. isNaN과 isFinite

Infinity, -Infinity, NaN 이 세 값은 숫자형이지만 정상적인 숫자가 아니기에 정상적인 숫자와 구분하기 위한 함수가 있다.

• isNaN(value) : 인수를 숫자로 변환하여 NaN이면 true를 반환
• isFinite(value) : 인수를 숫자로 변환하여 NaN/Infinity/-Infinity가 아닌 경우 true를 반환

alert( isNaN(NaN) );	// true
alert( isNaN("str") );	// true

alert( isFinite("15") );	// true
alert( isFinite("str") );	// false (NaN)
alert( isFinite("Infinity) );	// false (Infinity)

let num = +prompt("숫자를 입력하세요: ", '');
alert( isFinite(num));

 

7. parseInt와 parseFloat

불가능할 때까지 문자열에서 숫자를 읽는다.

읽는 도중 오류가 발생하면 이미 수집된 숫자를 반환한다.

숫자 뒤에 단위가 붙을 경우, 숫자만 추출하기 좋은 함수다.

 

두 번째 인수 진수(16, 2, 8, ...)를 선택적으로 넣을 수 있다.

alert( parseInt('100px') );	// 100
alert( parseFloat('12.5em') );	// 12.5

alert( parseInt('12.3') );	// 12 (정수부만 반환)
alert( parseFloat('12.3.4') );	// 12.3 (소수점 한자리에서 멈춤)

alert( parseInt('a123') );	// NaN (a가 숫자가 아니므로 멈춤

 

 

---

2. Math의 메서드

Math 객체의 메서드로 다양한 연산들을 할 수 있다.

• Math.random()
  0과 1 사이의 난수를 반환
• Math.max(a, b, c, ...) / Math.min(a, b, c, ...)
  인수 중 최대/최솟값을 반환
• Math.pow(n, power)
  n을 power번 거듭제곱한 값을 반환
• Math.sqrt(x)
  x의 제곱근을 리턴
• Math.abs(x)
  x의 절댓값을 리턴

 

 

 

 

 

 

 

참고

https://ko.javascript.info/string

문자열