[자바스크립트] 형변환 Number() 와 parseInt() 의 차이

Number(str) / parseInt(str)

Number(str)

문자열을 인자로 받으면 해당 문자열을 숫자로 바꿔줍니다.

아래의 코드는 '1234' 라는 문자열을 1234 라는 숫자로 형변환하여 변수 num에 담는 코드입니다.

var num = Number('1234');

하지만 아래처럼 문자열이 숫자가 아닌 경우 num에는 NaN이 저장됩니다.

var num = Number('1000원');

parseInt(str)

기본적으로 Number(str)와 동일하게 문자열을 인자로 받으면 해당 문자열을 숫자로 바꿔줍니다.

아래의 코드는 '1234' 라는 문자열을 1234 라는 숫자로 형변환하여 변수 num에 담는 코드입니다.

var num = parseInt('1234');

문자열이 숫자가 아닌 경우가 Number()와 조금 다른데 문자열이 숫자로 시작하는 경우에는 숫자가 끝날때 까지만 형변환을 하여 num에 저장됩니다. 시작이 숫자가 아니면 Number()와 마찬가지로 num에 NaN이 저장됩니다.

var num = parseInt('1000원'); // num에 1000이 저장
var num = parseInt('가격:1000원'); // num에 NaN이 저장