[모딥다] 09장 타입 변환과 단축 평가

9.1 타입 변환이란?

개발자가 의도적으로 타입을 변환하는 것 : 명시적 타입 변환 혹은 타입 캐스팅 이라고 함. 

JS 엔진에 의해 타입이 변환되는 것 : 암묵적 타입 변환 또는 타입 강제 변환 이라고 함. 

 

두 타입의 변환 모두 기존 원시 값을 직접 변경하는 것은 아니다.

📌타입 변환이 일어나는지 코드를 예측할 수 있어야 한다. 

암묵적 타입은 발생하지 않도록 통제할 수 없음. 

 

9.2 암묵적 타입 변환

- string + nuber => string+string

- string*number => number

!0 => true

 

1 + '2' -> '12'

 

문자열 타입으로 변환

위에서 봤듯이 '+' 연산자는 피연산자 중 하나가 문자열이면 문자열 연결 연산자로 동작한다.

console.log(10 + "10"); // 1010

아래의 코드도 문자열 연결 연산자로 동작한 결과를 확인할 수 있다.

console.log(2 + "1" + 5); // 2715
console.log(2 + 7 + "1" + 5); // 주의 : 이 결과는 915다.

두번째도 전체가 다 문자열 연결로 동작할까? 하고 테스트를 해보았는데 앞에 2 + 7은 숫자 연산으로 처리된다.
문자열 타입으로 암묵적 변환이 이루어지는 추가적인 예시는 아래와 같다.

0 + '' // '0'
-0 + '' // '0'
NaN + 'a' // NaNa
Infinity + '' // 'Infinity'
-Infinity + '' // '-Infinity'

true + ' ' + false + '' // 'true false'

[] + '' // ''
[1,2] + '' // '1,2'

Symbol() + '' // TypeError

이 외에 궁금한 것이 있다면 직접 해보면서 확인해보면 좋을 것 같다. 마지막에 Symbol()은 string 타입으로 변환할 수 없다.

숫자 타입으로 변환

'+' 단항 연산자는 피연산자가 숫자 타입의 값이 아니면, 숫자 타입의 값으로 암묵적으로 타입 변환을 수행한다.

+'' // 0
+'0' // 0
+'1' // 1
+'hello' // NaN

+true // 1
+false // 0

+null // 0
+[] // 0
+[1,2] // NaN
+function(){} // NaN

불리언 타입으로 변환

if, for문과 같은 제어문의 조건식은 참 혹은 거짓으로 평가되어야 하는 표현식이다. 자바스크립트 엔진은 조건식의 평가 결과를 불리언 타입으로 암묵적 타입 변환한다.

if ("") console.log("test1");
if (true) console.log("test2");
if (0) console.log("test3");
if ("a") console.log("test4");
if (null) console.log("test5");

// test2
// test4

=> 자바스크립트 엔진은 불리언 타입이 아닌 값을 Truthy(참으로 평가되는 값) 또는 Falsy(거짓으로 평가되는 값)으로 구분한다.

• false로 평가되는 값 : false, undefined, null, 0, -0, NaN, ''
• true로 평가되는 값 : false가 아닌 모든 값. {}, [] 와 같은 것들도 모두 true로 평가됨.

 

 

9.4 단축 평가

• 논리곱(&&) 연산자는 두개의 피연산자가 모두 true 로 평가될 때 true 를 반환한다. 논리곱 연산자는 좌항에서 우항으로 평가가 진행된다.
• 논리합(||) 연산자는 두개의 피연산자 중 하나만 true 로 평가되어도 true 를 반환한다. 논리합 연산자 또한 좌항에서 우항으로 평가가 진행된다.

논리곱 연산자와 논리합 연산자는 논리 연산의 결과를 결정하는 피연산자 를 타입 변환하지 않고 그대로 반환한다. 이를 단축 평가라 한다. 단축 평가는 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것을 뜻한다.

// 논리곱(&&) 연산자
'a'   && 'b'   // => 'b'
false && 'b'   // => false
'a'   && false // => false

// 논리합(||) 연산자
'a'   || 'b'   // => 'a'
false || 'b'   // => 'b'
'a'   || false // => 'a'

단축 평가를 사용하면 if 문을 대체할 수 있다. 어떤 조건이 true 여야 실행되어야 한다면, 논리곱(&&) 연산자 표현식으로 이를 대체하고, 조건이 false 여야 실행되어야 한다면 논리합(||) 연산자 표현식으로 이를 대체할 수 있다.