본문 바로가기

Front-end/JavaScript

[JavaScript] 자바스크립트 기본 - 형변환(type conversion)

 

 

1. 형변환(type conversion)

함수와 연산자에 전달되는 값이 적절한 자료형으로 변환되는 것

전달받은 값을 의도적으로 원하는 타입으로 변환(명시적 변환)

 

 

2. 형변환 종류

 

1) 문자형으로 변환

  • 문자형의 값이 필요한 경우 발생
  • alert 메서드는 매개변수로 문자형을 받기 때문에 매개변수로 들어오는 값을 문자형으로 형변환 함
  • String(value)을 사용하면 문자형으로 명시적 형변환 가능
  • 원시 자료형을 문자형으로 변환할 때, 대부분 그 결과를 예상할 수 있을 정도로 명시적인 방식으로 일어남
let value = true;
alert(typeof value); // boolean

value = String(value); // 변수 value엔 문자열 "true"가 저장
alert(typeof value); // string

 

 

2) 숫자형으로 변환

  • 수학과 관련된 함수와 표현식에서 발생
  • Number(value)로 명시적 형변환 가능
  • 숫자형으로 변환 시 적용되는 규칙
전달받은 값 형 변환 후
undefined NaN
null  
true and flase 1 또는 0
string 문자열의 처음과 끝 공백이 제거됨 -> 
공백 제거 후 남아있는 문자열이 없다면 0
공백 제거 후 남아있는 있다면 문자열에서 숫자를 읽음
변환에 실패 시 NaN

 

3) 불린형으로 변환

논리 연산을 수행할 때 발생

불린형으로 변환 시 적용되는 규칙

전달받은 값 형 변환 후
0, null, undefined, NaN, "" false
그 외의 값 true