javascript - core - 변수03

3. implicit-coercion

암묵적 형변환

convert-to-string

• 문자열 타입으로 형변환

1. 문자열 연결 연산자 : 문자열 타입이 아닌 피연산자를 문자열 타입으로 암묵적으로 변환

console.log(10 + '20');

2. 템플릿 리터럴 표현식 삽입 : 표현식의 결과를 문자열 타입으로 암묵적으로 변환

console.log(`10 + 20 : ${10 + 20}`);

3. 문자열 타입이 아닌 값을 문자열 타입으로 암묵적으로 변환하는 결과

console.log(1 + '');
console.log(NaN + '');	//Not a Number
console.log(Infinity + '');
console.log(true + '');
console.log(null + '');
console.log(undefined + '');
console.log({} + '');           // 객체 - "[object Object]"
console.log([] + '');           // 배열 - ""
console.log(function(){} + ''); // 함수 - "function(){}"

4. symbol 타입은 문자열로 형변환 불가

convert-to-number

• 숫자 타입으로 형변환

1. 산술 연산자
   산술 연산자의 피연산자는 모두 숫자여야 하므로 숫자가 아닌 피연산자를 숫자 타입으로 암묵적 타입 변환한다.

2. 비교 연산자
   비교 연산자로 크기를 비교하기 위해 모두 숫자 타입이여야 하므로 숫자가 아닌 피연산자를 숫자 타입으로 암묵적 타입 변환한다.

console.log(`10 > 'a' : ${10 > 'a'}`);  
// 문자는 모두 NaN으로 변환되기 때문에 NaN은 비교 연산자에서 어떤 값과도 비교 불가능
// 따라서 항상 false를 반환한다.

NaN은 비교 불가

console.log(`NaN == NaN : ${NaN == NaN}`);

//Nan은 구별 연산자가 따로 있음
console.log(`isNaN(NaN) : ${isNaN(NaN)}`);

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

• 빈 문자열, 빈 배열, null, false는 0으로 변환된다.
• true는 1로 변환된다.
• 객체와 undefined, 함수는 변환되지 않아 NaN이 반환된다.

03_convert-to-boolean

• 논리 타입으로 변환
  자바스크립트 엔진은 불리언 타입이 아닌 값을 Truthy 값(참으로 평가되는 값)
  또는 Falsy 값(거짓으로 평가되는 값)으로 구분한다.
  Truthy -> true, Falsy -> false로 암묵적 타입 변환된다.

if(undefined) console.log("if(undefined)");         // false
if(null) console.log("if(null)");                   // false
if(0) console.log("if(0)");                         // false
if(1) console.log("if(1)");                         // true
if(NaN) console.log("if(NaN)");                     // false
if('') console.log("if('')");                       // false
if('JavaScript') console.log("if('JavaScript')");   // true

• false, undefined, null, 0, NaN, ''(빈 문자열)은 Falsy 값이며 이 외의 모든 값들을 Truthy 값이다.

04. explicit-coercion

명시적 형변환

convert-to-string

문자열 타입으로 변환

1. String 생성자 함수를 new 연산자 없이 호출
   : 형변환 시에만 new연산자 없이 사용
2. toString() 메소드 사용
   : 문자열로 반환해주는 메소드
3. 문자열 연결 연산자 이용 - 암묵적 변환 챕터에서 확인함

convert-to-number

숫자 타입으로 형변환

1. Number 생성자 함수를 new 연산자 없이 호출
2. parseInt, parseFloat 함수 이용
   : 문자열 -> 숫자만 가능
3. + 단항 산술 연산자 이용 - 암묵적 변환 챕터에서 확인함
4. * 산술 연산자 이용

convert-to-boolean

논리 타입으로 변환

1. Boolean 생성자 함수를 new 연산자 없이 호출하는 방법

console.log(Boolean('JavaScript'));     // true
console.log(Boolean(''));               // false
console.log(Boolean(1));                // true
console.log(Boolean(0));                // false
console.log(Boolean(NaN));              // false
console.log(Boolean(Infinity));         // true
console.log(Boolean(null));             // false
console.log(Boolean(undefined));        // false
console.log(Boolean({}));               // true
console.log(Boolean([]));               // true

console.log('----------------------------------');

2. ! 부정 논리 연산자를 두 번 사용하는 방법

console.log(!!'JavaScript');
console.log(!!'');
console.log(!!1);
console.log(!!0);
console.log(!!NaN);
console.log(!!Infinity);
console.log(!!null);
console.log(!!undefined);
console.log(!!{});
console.log(!![]);