[자바스크립트 코딩] 문자열을 숫자로 변환하기

안녕하세요. 제임스 입니다. 

자바스크립트에서 문자를 숫자로 변환하는 방법에대해 정리 해보겠습니다. 

■ parseInt() 함수 

가장 많이 사용하는 함수 중 하나가 바로 parseInt() 함수 입니다. 

var a = parseInt("10");
var b = parseInt("10.00");
var c = parseInt("10.99");
var d = parseInt("12 34 56");
var e = parseInt(" 77 ");
var f = parseInt("26 years");
var g = parseInt("She was 26");

위와 같이 사용 가능합니다. 

결과는 아래와 같습니다. 

a = 10

b = 10 (소숫점 이하는 버립니다)

c = 10 (소숫점 이하는 버립니다)

d = 12 (첫번째 숫자 변환 가능 문자 이후 띄워쓰기 이후는 버립니다)

e = 77 (띄워쓰기 무시하고 숫자 변환 가능 문자를 변환합니다)

f = 26 (문자는 무시합니다)

g = NaN (문자로 시작된 경우 변환 할 수 없습니다)

■ Number() 함수

parseInt() 함수와 함께 가장 많이 사용되는 함수 입니다. 

var a = Number("10");
var b = Number("12 34 56");

결과는 아래와 같습니다. 

a = 10

b = NaN

b 의 결과 값이 parseInt() 함수를 사용했을때와 다릅니다. 

Number() 함수는 parseInt() 함수와 달리 입력받은 값 자체를 숫자로 변환 할 수 없을 경우 NaN 으로 반환하게 만들어 졌습니다. 

즉, 10 은 숫자로 변환 가능 하므로 parseInt() 를 사용했을때와 동일한 값을 반환 했지만

"12 34 56"의 경우 중간에 문자로 취급되는 스페이스가 들어 가면서 전체값이 숫자가 아닌 문자열로 인식되어 버려 변환할수 없게 된 경우 입니다. 

Number() 함수는 parseInt() 함수와 다르게 true / false 값의 변환도 가능합니다. 

var c = Number(true);
var d = Number(false);

결과는 아래와 같습니다. 

c = 1

d = 0

▼ 도움이 되셨다면 로그인이 필요 없는 ▼

▼ 하트 클릭 한번 부탁 드립니다 ▼

감사합니다 :D