모던 자바스크립트 Deep Dive

09_타입 변환과 단축 평가

자바스크립트의 모든 값은 타입을 가지는데,

개발자의 의도에 따라 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅 이라고 한다.
개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으롤 타입이 자동 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환 이라고 한다.

자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적으로 타입 변환을 통해 표현식을 평가 그렇다고 명시적 타입 변환이나 암묵적 타입 변환이나 기존 원시값을 직접 변경하는 것은 아니다.

➡️ 원시 값은 변경 불가능한 값 이다. (뒤에 추가 설명 챕터 존재)

즉, 타입변환이란 기존 원시 값을 사용해 다른 타입의 새로운 값을 생성 하는 것

자바스크립트 엔진이 표현식을 평가할 때, 개발자의 의도와 상관없이 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환 하는 것

자바스크립트 엔진은 문자열 연결 연산자를 만나면, 문자열 타입이 아닌 값을 문자열 타입으로 암묵적 타입 변환하여 수행

carbon (66)

자바스크립트 엔진은 산술 연산자를 만나면, 숫자 타입이 아닌 값을 숫자 타입으로 암묵적 타입 변환하여 동작

이 때, 숫자 타입으로 변환할 수 없는 경우는 산술 연산을 수행할 수 없으므로 표현식의 결과는 NaN이 된다.

carbon (67)

carbon (68)

비교 연산자는 피연산자의 크기를 비교하므로, 코드의 문맥상 모두 숫자 타입 이어야 한다.

if 문과 for 문과 같은 제어문 또는 삼항 조건 연산자의 조건식은
➡️ 논리적 참 / 거짓 으로 평가되어야 하는 표현식 으로 조건식의 평과 결과를 불리언 타입으로 암묵적 타입 변환을 한다.
자바스크립트 엔진은 불리언 타입이 아닌 값을
➡️ Truthy 값 또는 Falsy 값으로 구분해 각각 true와 false로 암묵적 타입 변환 한다. ➡️ Truthy 값 또는 Falsy 값 앞에 느낌표(!)를 붙어주면 각각 true와 false로 전달된다.
false로 평가되는 Falsy 값
➡️ false, undefined, null, 0, -0, NaN ,‘’(빈 문자열)