자바스크립트 - 문자열을 숫자로 변경하는 방법 parseInt, Number 차이점

 

자바스크립트에서 문자열을 숫자로 변경할  수 있습니다.

parseInt 함수를 사용하거나, Number 생성자를 이용하는 방법이 있습니다.

 

parseInt와 Number를 사용하면 간단하게 문자열을 숫자로 변경할 수 있지만, 

몇 가지 차이점이 있기 때문에 주의하셔야 합니다.

 

기본사용법

const str = '100';
parseInt(str); // 100
Number(str); // 100

뒤에 문자가 들어간 숫자

const str2 = '100px';
parseInt(str2); // 100
Number(str2); // NaN

 

앞에 문자가 들어간 숫자

const str3 = '약300';
parseInt(str3) //NaN
Number(str3) // NaN

공백이 들어간 숫자

const str4 = '12 345';
parseInt(str4); // 12
Number(str4); //NaN

소수점

const str5 = '3.14';
parseInt(str5); // 3
Number(str5); // 3.14

 

parseInt와 Number 차이점

parseInt는 String의 메서드 입니다.

문자열을 시작부터 분석하여 숫자로 변환할 수 있는 부분을 정수로 변환합니다.

 

Number의 경우는 생성자입니다.

숫자로 변경할 수 있으면 Number Type으로 변경하고, 변경할 수 없으면 NaN을 반환합니다.