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

Number(str) / parseInt(str)

 

Number(str)

 

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

 

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

1

var num = Number('1234');

cs

 

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

1

var num = Number('1000원');

cs

 

 

 

parseInt(str)

 

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

 

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

1

var num = parseInt('1234');

cs

 

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

1 2

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

cs

출처: https://dororongju.tistory.com/71 [웹 개발 메모장]