[JavaScript] 변수 형 확인 및 변환

#자바스크립트 #형변환 #typeof #parseFloat #parseInt

안녕하세요. 배곧동개발자 입니다.

자바스크립트에서 우리가 가장 많이 쓰는 변수는 무엇이죠? 네, 너무 당연하게 var 입니다. 모든게 통용되지요.

1. 문제점

하지만, var변수에 숫자를 넣고 비교를 하게 되었을 때에 원하는 결과값을 얻지 못하는 경우가 있으셨을겁니다. 난 숫자 비교를 하고 싶었지만 프로그램은 문자 비교를 했기 때문입니다.

이런 케이스를 막기 위해서 자바스크립트에서도 var가 아닌 int 또는 string과 같이 변수의 형태를 지정할 수 있다는 것 아시나요?

2. 변수형 확인하기

변수의 형을 확인하기 위한 함수는 바로 typeof 입니다. 사용법은 typeof(변수).

var bgdev= "abc";
typeof(bgdev);
// 결과값으로 string이 나오는 것을 확인 가능

보시면 아시겠지만 정말로 var로 변수를 선언했으나 string으로 나타나는 것이 확인 가능합니다. 그러면 이것을 어떻게 원하는 변수형으로 바꿀까요?

변수형 변환하기

방법은 아주 쉽습니다. C, Java 등 기존에 하시던 언어랑 크게 다를바 없습니다. 바로 parse를 사용해주시면 되는데요!

int형으로 바꿀땐 parseInt, float형으로 바꿀땐 parseFloat, String형으로 바꿀땐 String(변수); 또는 변수+””; 를 사용해주시면 됩니다. 예제를 한번 봐보시면 바로 이해하실겁니다.

이렇게 쓰고 alert가 어떻게 뜨는지 한번 봐봅시다.

어때요? 숫자의 경우 number라고 나오고 문자의 경우 string이라고 리턴되는거 보이시죠? 잘 변형되었습니다.

이런 자잘하면서 예상못한 부분에서 에러가 나면 시간 엄청 잡아먹게되지요. 진짜 별 것도 아닌데요! 잘 기억해놓으셨다가 시간버리시는 일 없이 빠른처리하시길 바래요.

이만, 배곧동개발자 였습니다.