JAVASCRIPT 문법 - 형변환(묵시적, 명시적)

강의 소개

현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다.

교재로는 모던 자바스크립트 입문을 사용하고 있습니다.

---

형 변환

자바스크립트는 타입이 매우 유연하다. 자바스크립트의 변수는 타입이 정해져 있지 않고, 같은 변수에 다른 타입의 값을 다시 대입할 수 있다.

var str = "Hi";
str = 100;
// String타입으로 선언한 변수 str에 Number타입의 100대입이 가능하다.

 

묵시적 형 변환

자바스크립트는 특정 타입을 기대하는 곳에 다른 타입의 값이 오더라도, 자동으로 형 변환을 해준다.

2 + "은 숫자입니다."; // Number타입 2가 자동으로 문자열로 변환되어 문자열 결합
"2" * "5"; // 곱셈을 하기 위해 문자열이 자동으로 Number타입으로 변환
1 - "문자열"; // NaN

위 코드에서 2개는 자동으로 형 변환이 되는 것을 확인했다. 하지만 3번째 줄의 경우에는 의미상 바꿀 수 있는 타입이 적절하지 않아 NaN이 반환된다. NaN은 Not a Number라는 뜻으로 정의되지 않는 값 혹은 표현할 수 없는 값을 뜻한다.

 

명시적 타입 변환

자바스크립트에서 보통 묵시적 형변환이 많이 사용되지만, 아래의 전역 함수들을 사용하면 명시적 형 변환도 가능하다.

1. Number() 함수

2. String() 함수

3. Boolean() 함수

4. Object() 함수

5. parseInt(), parseFloat() 함수