타입변환이란?
명시적 타입 변환(Explicit coercion), 타입캐스팅(Type casting)
개발자가 의도적으로 값의 타입을 변환
암묵적 타입 변환(Implicit coercion), 타입 강제 변환(Type coercion)
자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환
두 타입변환이 기존 원시값을 직접 변경하는 것은 아니다. (원시값은 변경 불가능한 값이므로 변경할 수 없음)
타입변환이란 기존 원시값을 사용해 다른 타입의 새로운 원시값을 생성하는 것이다.
암묵적 타입 변환
1. 문자열 타입으로 변환
1 | 1 + '2' //"12" |
+연산자는 피연산자 중 하나 이상이 문자열이므로 문자열 연결 연산자로 동작한다.
문자열 연결 연산자의 모든 피연산자는 코드의 문맥 상 모두 문자열 타입이여야 한다.
2. 숫자 타입으로 변환
1
2
31 - '1' // 0
1 * '10' // 10
1 / 'one' // NaN산술 연산자의 역할은 숫자 값을 만드는 것이다.
이때 피연산자를 숫자 타입으로 변환할 수 없는 경우는 산술 연산을 수행할 수 없으므로 표현식의 평가 결과는 NaN이 된다.
1 | '1' > 0 //true |
비교 연산자의 역할은 불리언 값을 만드는 것이다.
코드의 문맥상 모두 숫자 타입이어야 한다.
3. 불리언 타입으로 변환
if 문이나 for 문 같은 제어문은, 또는 삼항 조건 연산자의 조건식은 불리언 값을 반환해야 하는 표현식이다.
자바스크립트 엔진은 불리언 타입이 아닌 값을 Truthy 값 (참으로 평가되는 값) 또는 Falsy 값 (거짓으로 평가되는 값)으로 구분
Truthy -> true, Falsy -> false
1 | Falsy 값 |
이외의 모든 값은 모두 true로 평가되는 Truthy 값
명시적 타입 변환
표준 빌트인 생성자 함수(String, Number, Boolean)를 new 연산자 없이 호출하는 방법
빌트인 메소드를 사용하는 방법
1. 문자열 타입으로 변환
- String 생성자 함수를 new 연산자 없이 호출하는 방법
- Object.prototype.toString 메소드를 사용하는 방법
- 문자열 연결 연산자를 이용하는 방법
2. 숫자 타입으로 변환
- Number 생성자 함수를 new 연산자 없이 호출하는 방법
- parselnt, parseFloat 함수를 사용하는 방법 (문자열만 숫자 타입으로 변환 가능)
- +단항 산술 연산자를 이용하는 방법
- *산술 연산자를 이용하는 방법
3. 불리언 타입으로 변환
- Boolean 생성자 함수를 new 연산자 없이 호출하는 방법
- !부정 논리 연산자를 두번 사용하는 방법
단축 평가
논리곱(&&)연산자는 두개의 피연산자가 모두 true로 평가될 때 true를 반환
논리합(||)연산자는 두개의 피연산자 중 하나만 true로 평가되어도 true를 반환
논리 연산의 결과를 결정한 타입 변환하지 않고 피연산자를 그대로 반환
이를 단축 평가 (Short-Circuit evaluation)라 부른다.