그래서 보통은 약간 편법적인 방법으로 String을 Number로 바꾼다던지 Number를 String으로 바꾼다던지 합니다.
// 숫자를 스트링로 바꾸기
var tt = 2
tt += "";
alert(typeof tt); // Result : string
// 스트링을 숫자로 바꾸기
tt = "2"
tt *= 1;
alert(typeof tt); // Result : number
위의 방법이 가장 간단하게 형변환을 하는 방법입니다. 쉽게 자바스크립트의 자동형변환을 이용한 겁니다. 숫자타입에 문자열을 더하면 결과가 문자열이 되고 문자열에 숫자를 곱하면 숫자타입이 되는 특성을 이용해서 결과는 달라지지 않게 타입만 변환되도록 한 것입니다.
해본 사람을 보면 알기는 하겠지만 잘 모르는 사람이 보면 어떤 의도로 한 소스인지 명확하지 않은 단점이 있기도 하고 좀더 명시적으로 타입변환이 필요할 때가 있습니다.
// 숫자를 스트링로 바꾸기
var tt = 2
alert(typeof tt); // Result : number
tt = String(tt);
alert(typeof tt); // Result : string
// 스트링을 숫자로 바꾸기
tt = "2"
alert(typeof tt); // Result : string
tt = Number(tt);
alert(typeof tt); // Result : number
타입변환을 하는 함수인 Number()와 String()을 이용한 소스입니다.
또한 아래처럼 parseInt()나 parseFloat()를 이용해서도 형변환을 할 수 있습니다. 함수명에서 알 수 있듯이 parseInt()는 Integer타입으로 변환을 하고 parseFloat()는 Float타입으로 변환을 합니다.
var tt = "2"
alert(typeof tt); // Result : string
tt = parseInt(tt);
alert(typeof tt); // Result : number
tt = "2"
alert(typeof tt); // Result : string
tt = parseFloat(tt);
alert(typeof tt); // Result : number
parseInt()나 parseFloat()는 형변환 자체가 목적은 아니기 때문에 얘기가 나온 김에 좀 더 살펴보겠습니다. parseIn()와 parseFloat()는 정수와 실수로 파싱해 주는 역할을 하고 있습니다.
parseInt(string, radix)
parseFloat(string)
parseFloat(string)
API정의를 보면 위처럼 정의되어 있습니다. parseInt()에서 radix는 기수로 parse할 때 기준이 되는 진수입니다. 정수로 파싱하는 parseInt에만 정의되어 있습니다. 2~ 36진수까지를 정의할 수 있고 optional값으로 없을 경우 10진수로 parse합니다.
parseInt("123.456"); // 123
parseInt("100mile"); // 100
parseInt("w25"); // NaN
parseInt("05"); // 5
parseInt("09"); // 0
parseInt("0x35"); // 53
parseInt("1101", 2); // 13
parseInt("09", 10); // 9
parseInt("10", 8); // 8
parseFloat("123.456"); // 123.456
parseFloat("100.5mile"); // 100.5
parseFloat("w25"); // NaN
parseFloat("05"); // 5
parseFloat("09"); // 9
parseFloat("0x35"); // 0
Javascript에서 "0"으로 시작하는 숫자는 8진수 "0x"로 시작하는 숫자는 16진수로 정의되고 있기 때문에 5번라인에서 9가 8진수에서 사용할 수 없기 때문에 의도하지 않은 0이 나왔습니다.
좋은 글 잘 보고 갑니다 ^^
네 감사합니다.
정리가 잘 되어 있네요.
계속해서 좋은 글 올려주시면 좋겠어요.
네.. 그러려고 노력하고 있습니다. ㅎ
즐겨찾기 추가용 !! ㅋㄷ
혹시 예를 들어 "5px"을 parseInt 했을때 지금은 5라는 숫자가 리턴되는데 NaN이나 Exception 처리되는 방법 같은 것도 있을까요?
따로는 없는 걸로 알고 있습니다. 별도 로직으로 처리하셔야 할 겁니다.
잘 보고 갑니닷^^
잘 보고 갑니다.
머리 속에 정리가 되었어요 !