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 |
'Front-end > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 기본 - 연산자 (0) | 2023.10.23 |
---|---|
[JavaScript] 자바스크립트 기본 - 자료형 (0) | 2023.10.23 |
[JavaScript] 템플릿 리터럴(Template literals), 태그드 리터럴(tagged literals) (0) | 2023.07.01 |
[JavaScript ES6] 변수(variable) var let const 와 Hoisting, 전역변수, 참조 (0) | 2023.07.01 |
[JavaScript] Arrow function 화살표 함수 (0) | 2023.07.01 |