명시적 타입 변환

<aside> 💡 개발자의 의도에 따라 값의 타입을 변환하는 것 Javascript에서 기본적으로 제공하는 표준 빌트인 생성자 함수(String, Number, Boolean)를 new 연산자 없이 호출 방법 빌트인 메소드를 사용하는 방법, 암묵적 타입 변환을 이용하는 방법이 있음

</aside>

01. 문자열 타입으로 변환

1. String 생성자 함수를 new 연산자 없이 호출

console.log(String(10));          // 10
console.log(String(NaN));         // NaN
console.log(String(Infinity));    // Infinity
console.log(String(true));        // true
console.log(String(false));       // false

1. Object.prototype.toString 메서드 이용

console.log((10).toString());         // 10
console.log((NaN).toString());        // NaN
console.log((Infinity).toString());   // Infinity
console.log((true).toString());       // true
console.log((false).toString());      // false

• 추후 정리 예정이지만 prototype은 자바에서 상속과 비슷한 개념
  • Object 객체의 toString 메소드를 사용하는 것과 비슷함

1. 문자열 연결 연산자 사용 - 암묵적 변환 챕터에서 확인 가능

   03_implicit-coercion

02. 숫자 타입으로 변환

1. Number 생성자 함수를 new 연산자 없이 호출
2. parseInt, parseFloat 함수 이용
   • 단, 문자열 → 숫자만 가능함
   • parseInt는 정수, parseFloat는 실수까지 출력 가능
3. +단항 산술 연산자 이용 - 암묵적 변환 챕터에서 확인 가능
4. 산술 연산자 활용 - 암묵적 변환 챕터에서 확인 가능

// number 함수
console.log(Number('10'));          // 10
console.log(Number('10.01'));       // 10.01
console.log(Number(true));          // 1
console.log(Number(false));         // 0

// parseInt, parseFloat 함수
console.log(parseInt('10'));           // 10
console.log(parseFloat('10'));         // 10
console.log(parseInt('10.01'));        // 10
console.log(parseFloat('10.01'));      // 10.01
console.log(parseInt(true));            // NaN