[JS] parseInt() 사용 방법

오늘은 자바스크립의 parseInt() 함수에 대해 공부해보자.

parseInt() 함수는 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다.
(파싱이란 데이터를 분해 분석해서 원하는 형태로 조립하고 다시 빼내는 프로그램)

구문

parseInt(string);
parseInt(string, radix);

 

매개변수

string
파싱할 값이다. 문자열이 아닌 경우 toString 추상 연산을 사용해 문자열로 변환할 것이다. 문자열의 선행 공백은 무시한다.

radix
string의 진수를 나타내는 2부터 36까지의 정수이다. 주의! 기본 값이 10이 아니다! Number 자료형이 아닌 경우 Number로 변환한다.

 

반환 값

주어진 string에서 파싱한 정수이다. 아래와 같은 경우에는 NaN을 반환한다.

• radix가 2보다 작거나 36보다 큰 경우.
• 공백이 아닌 첫 문자를 숫자로 변환할 수 없는 경우.

 

설명

• parseInt 함수는 첫 번째 인자를 문자열로 변환하고, 그 값을 파싱하여 정수나 NaN을 반환한다.
  
  
• NaN을 반환할 것이 아니면, parseInt는 첫 번째 인자가 지정한 radix진수로 표현한 정수를 반환한다.
  예를 들어 radix가 10인 경우 10진수, 8인 경우는 8진수 등등으로 변환한다.
  
  
• radix가 10을 초과하는 경우, 영문 알파벳이 9보다 큰 숫자를 나타낸다. 즉, 16진수에서는 A부터 F까지를 사용한다.
  
  
• 만약 parseInt 함수가 지정한 radix에서 숫자가 아닌 문자를 마주치는 경우 해당 문자 이전까지의 문자만 사용해 파싱하며 문제의 문자와 그 이후는 모두 무시한다. parseInt는 정수값을 반환하기 위해 소수점 이하 값을 잘라내고, 선행 및 후행 공백은 허용된다.
  
  
• 일부 숫자는 문자열 표현에 e 문자를 사용하기 때문에(6.022e23(6.022 × 10^23)처럼), parseInt를 매우 크거나 작은 숫자의 소수점 이하 값을 자르기 위해 사용하면 예기치 못한 결과가 발생할 수 있다. 
  그래서 parseInt를 Math.floor()의 대체품으로 사용해서는 안된다.
  
  
• parseInt 는 양의 부호(+)와 음의 부호(-)를 인식한다.
  부호 인식은 선후행 공백을 제거한 후 첫 번째 단계로서 수행되며, 부호를 찾을 수 없으면 알고리즘은 다음 단계로 넘어간다. 부호를 찾은 경우 부호를 제거하고, 나머지 문자열에 대해 숫자 파싱을 진행한다.
  
  
• 정수 인자로 지정한 값은 (필요한 경우) 숫자로 변환된다.
  변환 후의 값이 0, NaN, Infinity 중 하나(undefined는 NaN으로 변환)하면 자바스크립트는 다음을 가정한다.
  1. 입력 값이 "0x" 또는 "0X"(0과 대/소문자 X)로 시작하는 경우 radix를 16으로 간주라여 나머지 문자열을 16진수로 파싱한다.
  2. 입력 값이 그 외의 다른 값으로 시작하면 radix는 10(10진수)이다.
  이외에 진수 값이 [2, 36]의 범위를 벗어나는 경우 parseInt가 NaN을 반환한다.

 

예제

// 15 반환
parseInt("0xF", 16);
parseInt("F", 16);
parseInt("17", 8);
parseInt(15.99, 10);
parseInt("1111", 2);
parseInt("15e2", 10);

// NaN 반환
parseInt("Hello", 8); // 숫자가 전혀 아님
parseInt("546", 2); // 0과 1을 제외한 숫자는 2진법에서 유효하지 않음

// -15 반환
parseInt("-0F", 16);
parseInt(-15.1, 10);
parseInt("-17", 8);
parseInt("-1111", 2);
parseInt("-15e1", 10);

// 4 반환
parseInt(4.7, 10);
parseInt(4.7 * 1e22, 10); // 매우 큰 숫자가 4가 됨
parseInt(0.00000000000434, 10); // 매우 작은 숫자가 4가 됨

// 1 반환: 숫자가 1e+21을 초과하거나 1e-7 미만이 경우
parseInt(0.0000001, 10);
parseInt(1e-7, 10);
parseInt(123000000000000000000000, 10);

진수는 Number로 변환한다.

const obj = {
  valueOf() {
    return 8;
  },
};
parseInt("11", obj); // 9

obj.valueOf = function () {
  return 1;
};
parseInt("11", obj); // NaN

obj.valueOf = function () {
  return Infinity;
};
parseInt("11", obj); // 11

 

더 엄격한 파싱 함수

// 정규 표현식 사용

function filterInt(value) {
  if (/^[-+]?(\d+|Infinity)$/.test(value)) {
    return Number(value);
  } else {
    return NaN;
  }
}

console.log(filterInt("421")); // 421
console.log(filterInt("-421")); // -421
console.log(filterInt("+421")); // 421
console.log(filterInt("Infinity")); // Infinity
console.log(filterInt("421e+0")); // NaN
console.log(filterInt("421hop")); // NaN
console.log(filterInt("hop1.61803398875")); // NaN
console.log(filterInt("1.61803398875")); // NaN

 

참고

parseInt() - javascript | MDN