[JavaScript] 자바스크립트 문자열을 숫자로 형 변환하는 3가지 방법
종종 자바스크립트에서 계산등을 이유로 문자열을 숫자로 형 변환해야 하는 경우가 있습니다. 다양한 방식으로 문자열을 숫자로 변환할 수 있는데요. 이번 포스팅에서 그 방법들을 설명하고자 합니다.
Number 함수 사용
//사용법
Number(숫자로 이루어진 문자열)
See the Pen Number 함수 by wjdxo513 (@wjdxo513) on CodePen.
Number() 함수에 숫자로 되어있는 문자열을 인자값으로 넣어주면 숫자가 리턴됩니다. 단 숫자형태가 아닌 문자열을 인자값으로 넣으면 NaN이 리턴됩니다. 가장 많이 사용하는 방법으로 정수, 실수 가리지 않기 때문에 추천드립니다.
parseInt, parseFloat 함수 사용
parseInt 함수
//사용법
parseInt(정수로 이루어진 문자열)
See the Pen parseInt by wjdxo513 (@wjdxo513) on CodePen.
parseInt 함수를 사용하시면 정수형 문자열을 숫자형으로 변환할 수 있습니다. 단 위의 예제처럼 parseInt로 실수형 문자열을 변환하면 정수까지만 리턴되고, 문자열을 변환하면 NaN이 리턴됩니다.
parseFloat 함수
//사용법
parseFloat(실수로 이루어진 문자열)
See the Pen parseFloat by wjdxo513 (@wjdxo513) on CodePen.
parseFloat 함수는 문자열을 부동 소수점 숫자로 변환합니다. parseInt는 처리하지 못했던 실수까지 처리할 수 있지만 동일하게 숫자가 아닌 문자열을 변환하면 NaN이 리턴됩니다.
+ 연산자 사용하기
See the Pen +연산자 사용 by wjdxo513 (@wjdxo513) on CodePen.
이 방법은 보통 모르시던데 그냥 숫자로 된 문자열 앞에 + 기호만 붙여주시면 숫자형으로 변환이 됩니다. typeof로 형태 검사를 해보시면 number로 변환이 잘 된 것을 보실 수 있습니다.