Front-end/JS

[JS] 자바스크립트의 형 변환 - 명시적 변환

조 수빈 2022. 10. 29. 17:27

🔍 자바스크립트의 형 변환(Type Conversion) - 명시적 변환

형 변환이란 자료형을 다른 자료형으로 변경하는 것 (데이터 타입을 변경하는 것!)

앞서 자바스크립트는 상대적으로 데이터 타입이 유연한 언어이며, 이는 데이터 타입이 상황에 따라 변할 수 있음을 의미한다 했음

그 예시로 든 것이 1(숫자) + "2"(문자열) => "1"(문자열) + "2"(문자열) => "12"(문자열) 과 같은 것이었는데, 이렇게 자바스크립트 엔진이 필요에 따라 형 변환을 해주는 것은 "암시적 변환"이라 한다고 함

오늘 정리해 볼 내용은 개발자의 의도에 따라 형 변환을 하는 "명시적 변환"

암시적 변환, 명시적 변환 이 단어들 자체는 중요하지 않을 수 있지만, 자동으로 형 변환 되는 것과 내가 의도해서 형 변환하는 것은 엄연히 차이가 있으니, 구분해서 알아두면 좋을 듯함

명시적 변환을 위해 자바스크립트에서 기본으로 제공하는 함수는 크게 3가지(String, Number, Boolean)가 있음


🔡 String, 문자형으로 변환

  • 숫자 -> 문자

  • 불린 -> 문자


🔢 Number, 숫자형으로 변환

  • 문자 -> 숫자
    숫자 형태의 문자열은 숫자 형태로 형 변환 되지만, 숫자 형태가 아닌 문자열은 "NaN"

  • 불린 -> 숫자
    false: 0, true: 1


🅱️ Boolean, 불린형으로 변환

일반적으로 어떤 값을 불린형으로 변환하면 true 값이 됨
false로 변환되는 경우(Falsy 값)를 알아두면 좋음!
데이터 타입 - Boolean 값으로 형 변환에 정리해놨음

  • 문자 -> 불린

  • 숫자 -> 불린


❗❗ 추가 예정

parseInt, parseFloat, toString !!


📒 참고 문서

형 변환 - 모던 JavaScript 튜토리얼
블로그 - 자바스크립트의 형변환은 두가지다

'Front-end > JS' 카테고리의 다른 글

[JS] 자바스크립트의 데이터 타입  (1) 2022.10.04
자바스크립트 함수  (0) 2022.07.06
자바스크립트 객체  (0) 2022.07.06
자바스크립트 기초 문법  (0) 2022.07.05