형 변환
함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환된다. 이런 과정을 묵시적 "형 변환(type conversion)"이라고 한다.
또한, 전달받은 값을 의도를 갖고 원하는 타입으로 변환해 주는 경우는 명시적 "형 변환"이라고 한다.
alert 함수가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환하여 보여주는 것이 대표적인 예시이다.
문자형으로 변환
alert 함수는 매개변수로 문자열을 받기 때문에, alert(value)에서 value는 문자형이어야 한다.
만약, 다른 형의 값을 전달받으면 이 값은 문자형으로 자동 변환된다.
또는 String(value) 함수를 호출해 전달받은 값을 문자열로 변환 할 수도 있다.
let value = true;
alert(typeof value); // boolean
value = String(value); // 변수 value엔 문자열 "true"가 저장
alert(typeof value); // stringfalse는 문자열 "false"로, null은 문자열 "null"로 변환되는 것과 같이, 문자형으로의 변환은 대부분 예측 가능한 방식으로 일어난다.
숫자형으로 변환
숫자형으로의 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다.
예를 들어, 숫자형이 아닌 값에 나누기 /를 적용한 경우가 있다.
alert( "6" / "2" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산이 수행Number(value) 함수를 사용하면 주어진 값(value)을 숫자형으로 명시해서 변환할 수 있다.
let str = "123";
alert(typeof str); // string
let num = Number(str); // 문자열 "123"이 숫자 123으로 변환
alert(typeof num); // number숫자형 값를 사용해 무언가를 하려고 하는데 그 값을 문자 기반 폼(form)을 통해 입력받는 경우엔, 이런 명시적 형 변환이 필수이다.
한편, 숫자 이외의 글자가 들어가 있는 문자열을 숫자형으로 변환하려고 하면, 그 결과는 NaN이 된다.
let age = Number("임의의 문자열 123");
alert(age); // NaN, 형 변환이 실패
아래는 숫자형으로 변환 시 적용되는 규칙이다
| 전달받은 값 | 형 변환 후 |
|---|---|
| undefined | NaN |
| null | 0 |
| true and false | 1 과 0 |
| string | 문자열의 처음과 끝 공백이 제거. 공백 제거 후 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽는다. 변환에 실패하면 NaN 반환 |
null과 undefined은 숫자형으로 변환 시 결과가 다르다는 점에 유의해라. null은 0이 되고 undefined는 NaN이 된다.
불린형으로 변환
불린형으로의 변환은 아주 간단합니다.
이 형 변환은 논리 연산을 수행할 때 발생한다.
Boolean(value)를 호출하면 명시적으로 불리언으로의 형 변환을 수행할 수 있다.
불린형으로 변환 시 적용되는 규칙은 다음과 같다.
숫자 0, 빈 문자열, null, undefined, NaN과 같이 직관적으로도 “비어있다고” 느껴지는 값들은 false가 된다.
그 외의 값은 모두 true로 변환된다.
alert( Boolean(1) ); // 숫자 1(true)
alert( Boolean(0) ); // 숫자 0(false)
alert( Boolean("hello") ); // 문자열(true)
alert( Boolean("") ); // 빈 문자열(false)아래는 불린형으로 변환 시 적용되는 규칙이다.
| 전달받은 값 | 형 변환 후 |
|---|---|
| 0, null,undefined, NaN, "" | false |
| 그 외의 값 | true |
주의: 문자열 "0"은 true이다. 자바스크립트에선 비어 있지 않은 문자열은 언제나 true이다.
Reference
