[JavaScript] 문자열을 숫자로 바꾸는 방법

자바스크립트에서 문자열을 숫자로 바꾸는 방법에는 여러가지가 존재한다.

 

parseInt()

- 인자를 integer 타입으로 parse하는 함수.
- 파싱결과가 정수가 아닐경우 버림한 후 정수로 반환.
- integer 또는 NaN을 리턴한다.

parseInt('3'); // 3

parseInt('3.14'); // 3

parseInt(3.99); // 3

parseInt('가나다'); // NaN

parseInt('3.14는 파이'); // 3

 

parseFloat()

- string 타입의 인자를 float 타입으로 parse하는 함수.
- parseInt()와 다르게 정수+실수 모두 반환 가능.
- integer 또는 NaN을 리턴한다.

parseFloat('3.14'); // 3.14

parseFloat('3'); // 3

parseFloat(3.99); // 3.99

parseFloat('가나다'); // NaN

parseFloat('3.14는 파이); // 3.14

 

Number()

- 인자를 숫자(정수+실수)로 바꿔준다.
- integer, float 또는 NaN을 리턴한다.

Number('3'); // 3

Number('3.14'); // 3.14

Number('가나다'); // NaN

Number('3.14는 파이'); // NaN

 

정리

	parseInt()	parseFloat()	Number()
공통점	인자로 들어온 값을 숫자로 반환
차이점	• 정수값만 반환 (실수의 경우 버림하여 반환) • 숫자+문자의 경우 숫자 반환 (정수만 반환)	•  정수+실수 모두 반환 •  숫자+문자의 경우 숫자 반환	•  정수+실수 모두 반환 •  숫자+문자의 경우 NaN 반환