ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 28장. Number
    책/모던 자바스크립트 딥다이브 2022. 6. 12. 20:31

    28장. Number

    28-1. Number 생성자 함수

    • 생성자에 인수를 전달하지 않고 호출하면 [[NumberData]] 내무 슬롯에 0을 할당한 Number 래퍼 객체를 생성한다.
    • 인수로 숫자를 전달하면 [[NumberData]] 내부 슬롯에 인수로 전달 받은 숫자를 할당한 Number 래퍼 객체를 생성한다.
    • 인수로 숫자가 아닌 값을 전달하면 숫자로 강제 변환한다. 숫자로 변환할 수 없다면 NaN을 내부 슬롯에 할당한 Number 래퍼 객체를 생성한다.
    const numObj = new Number();
    console.log(numObj); // Number {[[PrimitiveValue]]: 0}
    
    const numObj = new Number(10);
    console.log(numObj); // Number {[[PrimitiveValue]]: 10}
    
    const numObj = new Number('10');
    console.log(numObj); // Number {[[PrimitiveValue]]: 10}
    
    const numObj = new Number('sad');
    console.log(numObj); // Number {[[PrimitiveValue]]: NaN}
    
    // 명시적 타입 변환
    Number('0') // 0
    Number('-1') // -1
    Number('10.53') // 10.53
    Number(true) // 1
    Number(false) // 0
    

    28-2. Number 프로퍼티

    Number.EPSILON

    epsilon: [명사] 엡실론(E, ε: 그리스어 알파벳의 다섯째 글자)

    • 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이와 같다.
    • Number.EPSIOLON은 약 2.22…. * 10^-16 이다.
    • 부동소수점으로 인해 발생하는 오차를 해결하기 위해 사용한다. 예시로 보자.
    0.1 + 0.2 === 0.3; // false 0.30000000004 이런식으로 미세한 오차가 발생함. (부동소수점)
    
    function isEqual(a, b) {
    	return Math.abs(a - b) < Number.EPSILON;
    }
    
    isEqual(0.1 + 0.2, 0.3);
    

    Number.MAX_VALUE

    • JS 에서 표현할 수 있는 가장 큰 양수 값 (1.7976931348623157 * 10^308)이다.
    • Number.MAX_VALUE 보다 큰 숫자는 Infinity 다.
    Number.MAX_VALUE; // 1.7976931348623157e+308
    Infinity > Number.MAX_VALUE; // true
    

    Number.MIN_VALUE

    • JS 에서 표현할 수 있는 가장 작은 양수 값 (5 * 10^-324) 이다.
    • Number.MIN_VALUE 보다 작은 숫자는 0이다.
    Number.MIN_VALUE; // 5e-324
    Number.MIN_VALUE < 0; // true
    

    Number.MAX_SAFE_INTEGER

    • JS 에서 안전하게 표현할 수 있는 가장 큰 정수값 (9007199254740991) 이다.
    Number.MAX_SAFE_INTEGER; // 9007199254740991
    

    Number.MIN_SAFE_INTEGER

    • JS 에서 안전하게 표현할 수 있는 가장 작은 정수값 (-9007199254740991) 이다.
    Number.MIN_SAFE_INTEGER; // -9007199254740991
    

    Number.POSITIVE_INFINITY, NEGATIVE_INFINITY

    • 양의 무한대를 나타내는 숫자, 음의 무한대를 나타내는 숫자
    Number.POSITIVE_INFINITY; // Infinity
    Number.NEGATIVE_INFINITY; // -Infinity
    

    Number.NaN

    • 숫자가 아님. (Not a Number)
    • window.NaN과 같다.
    Number.NaN; // NaN
    

    28-3. Number 메서드

    Number.isFinite

    • 숫자값이 정상적인 유한수, 즉 Inifinity, -Infinity 가 아닌지 검사하여 boolean 반환
    Number.isFinite(0); // true
    Number.isFinite(Infinity); // false
    Number.isFinite(NaN); // false
    
    • Number.isFinite 와 빌트인 전역 함수 isFinite 의 차이점
    • 빌트인 전역 함수 isFinite는 전달 받은 인수를 숫자로 암묵적 타입변환하여 검사
    • Number.isFinite 는 암묵적 타입변환 하지 않음. 따라서 숫자가 아니면 언제나 false
    Number.isFinite(null); // false
    isFinite(null); // true (0으로 암묵적 변환됨.)
    

    Number.isInteger

    • 숫자값이 정수(Integer) 인지 검사하여 boolean 반환
    • 암묵적 타입변환 하지않음.
    Number.isInteger(0); // true
    Number.isInteger(100); // true
    Number.isInteger(-100); // true
    
    Number.isInteger(0.5); // false
    Number.isInteger('123'); // false
    
    Number.isInteger(false); // false
    Number.isInteger(Infinity); // false
    Number.isInteger(-Infinity); // false
    

    Number.isNaN

    • 숫자값이 NaN인지 검사하여 boolean 반환
    Number.isNaN(NaN); // true
    
    • Number.isNaN 와 빌트인 전역 함수 isNaN 의 차이점
    • isFinite 와 같게 암묵적 타입변환의 차이가 있음.
    Number.isNaN(undefined); // false
    isNaN(undefined); // true (undefined -> NaN 암묵적 타입 변환)
    

    Number.isSafeInteger

    • 숫자값이 안전한 정수인지 검사하여 boolean 반환
    • 안전한 정수값: -(2^53 - 1) 과 (2^53 -1) 사이의 정수값
    • 암묵적 타입변환 하지 않음.
    Number.isSafeInteger(0); // true
    Number.isSafeInteger(1000000000000000); // true
    Number.isSafeInteger(1000000000000001); // false
    
    Number.isSafeInteger(0.5); // false
    Number.isSafeInteger('123'); // false
    Number.isSafeInteger(false); // false
    Number.isSafeInteger(Infinity); // false
    

    Number.prototype.toExponential

    exponent: [명사][수학] 지수 exponential: [형용사][수학] 지수의, 지수로 나타낸

    • 숫자를 지수 표기법으로 변환하여 문자열로 반환함.
    (77.1234).toExpoential(); // 7.71234e+1
    (77.1234).toExpoential(4); // 7.7123e+1
    (77.1234).toExpoential(2); // 7.71e+1
    
    // 숫자 리터럴과 함께 사용시 에러 발생함.
    77.toExponential(); // SyntaxError: Invalid or unexpedted token
    
    // 이런식으로도 사용 가능
    (77).toExponential(); // 7.7e+1
    77 .toExponential(); // 7.7e+1
    
    77.1234.toExpoential(); // 7.71234e+1
    

    Number.prototype.toFixed

    • 숫자를 반올림하여 문자열로 반환
    • 소수점 이하 자릿수를 나타내는 0~20 사이의 정수값을 인수로 전달할 수 있다. 기본값 0
    (12345.6789).toFixed(); // '12346'
    (12345.6789).toFixed(1); // '12346.7'
    (12345.6789).toFixed(2); // '12346.68'
    (12345.6789).toFixed(3); // '12345.679'
    

    Number.prototype.toPrecision

    • 인수로 전달 받은 전체 자릿수까지 유효하도록 나머지 자릿수를 반올림하여 문자열로 반환
    • 0~21 사이의 정수값을 인수로 전달할 수 있다. 기본값 0
    (12345.6789).toPrecision(); // '12345.6789'
    (12345.6789).toPrecision(1); // '1e+4'
    (12345.6789).toPrecision(2); // '1.2e+4'
    (12345.6789).toPrecision(6); // '12345.7'
    

    Number.prototype.toString

    • 숫자를 문자열로 반환
    • 진법을 나타내는 2~36 사이의 정수값을 인수로 전달할 수 있다. 기본값 10
    (10).toString(); // '10'
    (16).toString(2); // '10000'
    (16).toString(8); // '20'
    (16).toString(16); // '10'
    

    ' > 모던 자바스크립트 딥다이브' 카테고리의 다른 글

    30장. Date  (2) 2022.06.12
    29장. Math  (0) 2022.06.12
    37장. Set과 Map  (2) 2022.06.08
    43장. Ajax  (0) 2022.05.22
    42장. 비동기 프로그래밍  (0) 2022.05.22
킹수빈닷컴