Type coercion 2022.03.01

잔잔바리디자이너·2022년 3월 1일
0

Javascript

목록 보기
7/12
post-thumbnail

타입 변환?

자바스크립트의 모든 값은 타입이 있다. 개발자의 의도에 따라 의도적으로 값의 타입을 변화하는 것은 명시적 타입 변환, 표현식을 평가하는 도중 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는것을 암묵적 타입 변환이라고 한다.

타입 변환이 기존 원시 값을 변경하는 것은 아니다. 다른 타입의 새로운 원시 값을 생성하는 것이다.암묵적 타입 변환이 발생하면 문자열, 숫자, 불리언과 같은 원시 타입 중 하나로 타입을 자동 변환한다.

왜 해?

자바스크립트는 가급적 에러를 발생시키지 않도록 암묵적 타입 변환을 통해 표현식을 평가한다. 표현식을 평가할 때 코드 문맥에 부합하게 변환한다. 고로 이 규칙들을 외울것이 아니라 '문맥'을 생각하면 된다.

종류

1. 암묵적 타입 변환

  • 문자열 타입으로 변환

  • 숫자 타입으로 변환

  • 불리언 타입으로 변환

    if 문이나 for 문과 같은 제어문 또는 삼항 조건 연산자의 조건식은 불리언 값으로 평가되어야 하는 표현식이다. 여기서 암묵적 타입 변환이 일어난다.

    자바스크립트 엔진은 불리언 타입이 아닌 값을 Truthy 또는 Falsy 값으로 구분한다.

    if('') // F
    if(true) // T
    if(0) // F
    if('str') // T
    if(null) // F

    빈 객체와 배열은 Truthy 값이다.

    if(!NaN) console.log('this is falsy')
    VM1469:1 this is falsy
    undefined
    if(!{}) console.log('this is falsy')
    undefined
    if(![]) console.log('this is falsy')
    undefined

2. 명시적 타입 변환

1) 표준 빌트인 생성자 함수(String, Number, Boolean)을 new 연산자 없이 호출하는 방법
2) 빌트인 메서드를 사용하는 방법
3) 앞에 본 암묵적 타입 변환을 이용하는 방법

0개의 댓글