행복을 담는 블로그

[Javascript] 문자열 -> 숫자로 변환 / parseInt ( ) 본문

FrontEnd/Javascript

[Javascript] 문자열 -> 숫자로 변환 / parseInt ( )

hyun0zin 2024. 1. 12. 10:16

📕 [Javascript] parseInt( ) 함수


📌parseInt ( ) 함수
: 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다.

1. 기본구조

  parseInt(string);
  parseInt(string, radix);
  • 매개변수
    string : 파싱하는 값. 숫자로 반환할 문자열 입력
    radix : 문자열의 진수를 나타내는 정수. 2 ~ 36까지의 정수.

  • 반환 값
    주어진 string에서 파싱한 정수를 반환한다.

**주의**

  • radix가 2보다 작거나, 36보다 큰 경우,
  • 공백이 아닌 문자열의 첫 문자가 숫자가 아닌 경우,

위 경우 NaN(Not a Number)을 반환

ex)

// 1. 숫자 -> 숫자
console.log(parseInt(123)); // 123

// 2. 문자열 -> 숫자
console.log(parseInt("123")); // 123

// 3. 문자열 -> 10진수 숫자
console.log(parseInt("123", 10)); // 123

// 4. 음수 문자열 -> 음수 숫자
console.log(parseInt("-123")); // -123

// 5. 소수점 아래 제거 후, 정수부분만 변환
console.log(parseInt("123.6")); // 123
console.log(parseInt("-123.6")); // -123

// 6. 숫자가 아닌 문자 이후는 무시. 그 이전의 숫자부분만 변환
console.log(parseInt("1nn23")); // 1

// 7. 문자열의 첫 글자가 숫자가 아닌 경우 -> NaN
console.log(parseInt("nn123")); //NaN

2. 2진법, 8진법 등 진법 표현하기

// 2진법으로 변환
console.log(parseInt("110", 2)); //6

// 2진법에는 2,3이 없으므로 숫자가 아니라 판단 
console.log(parseInt("23", 2)); // NaN

// 8, 10, 16진법
console.log(parseInt("015", 8)); // 13
console.log(parseInt("015", 10)); // 15
console.log(parseInt("0xF", 16)); // 15

MDN 문서 참고