javaScript/js.typeCasting

타입변환이란?

명시적 타입 변환(Explicit coercion), 타입캐스팅(Type casting)
개발자가 의도적으로 값의 타입을 변환

암묵적 타입 변환(Implicit coercion), 타입 강제 변환(Type coercion)
자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환

두 타입변환이 기존 원시값을 직접 변경하는 것은 아니다. (원시값은 변경 불가능한 값이므로 변경할 수 없음)
타입변환이란 기존 원시값을 사용해 다른 타입의 새로운 원시값을 생성하는 것이다.

암묵적 타입 변환

1. 문자열 타입으로 변환

1
1 + '2'    //"12"
  • +연산자는 피연산자 중 하나 이상이 문자열이므로 문자열 연결 연산자로 동작한다.

  • 문자열 연결 연산자의 모든 피연산자는 코드의 문맥 상 모두 문자열 타입이여야 한다.

    2. 숫자 타입으로 변환

    1
    2
    3
    1 - '1'   // 0
    1 * '10' // 10
    1 / 'one' // NaN

    산술 연산자의 역할은 숫자 값을 만드는 것이다.
    이때 피연산자를 숫자 타입으로 변환할 수 없는 경우는 산술 연산을 수행할 수 없으므로 표현식의 평가 결과는 NaN이 된다.

1
'1' > 0  //true

비교 연산자의 역할은 불리언 값을 만드는 것이다.
코드의 문맥상 모두 숫자 타입이어야 한다.

3. 불리언 타입으로 변환

if 문이나 for 문 같은 제어문은, 또는 삼항 조건 연산자의 조건식은 불리언 값을 반환해야 하는 표현식이다.
자바스크립트 엔진은 불리언 타입이 아닌 값을 Truthy 값 (참으로 평가되는 값) 또는 Falsy 값 (거짓으로 평가되는 값)으로 구분
Truthy -> true, Falsy -> false

1
2
Falsy 값
false undefined null 0, -0 NaN (빈문자열)

이외의 모든 값은 모두 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)라 부른다.

You forgot to set the qrcode for Alipay. Please set it in _config.yml.
You forgot to set the qrcode for Wechat. Please set it in _config.yml.
You forgot to set the business and currency_code for Paypal. Please set it in _config.yml.
You forgot to set the url Patreon. Please set it in _config.yml.
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×