JavaScript에서 값은 여러 가지 타입일 수 있어요. 변수의 타입을 바꾸는 일은 명시적인 _타입 변환_으로 할 수 있어요.
그 외에도, JavaScript는 문맥이 요구하면 타입 강제 변환(암시적 타입 변환)도 수행해요.
타입 변환
JavaScript에는 다른 많은 언어처럼 (다른) 타입으로 캐스팅하는 구문이 없어요. 대신 몇 가지 내장 도우미를 사용할 수 있어요.
특히 Boolean, Number, String은 함수처럼 사용해서 값을 해당 타입으로 변환할 수 있어요.
불리언으로 변환하기 (truthy/falsy 값)
Boolean(value)를 사용하면 어떤 값이든 불리언으로 변환할 수 있어요.
false로 변환되는 값, 이른바 falsy 값에는 정해진 집합이 있어요.
가장 중요한 falsy 값은 false, 0, 빈 문자열, null, undefined, NaN이에요.
그 밖의 모든 값에 대해서는 Boolean이 true를 반환해요.
이런 값을 _truthy_라고 해요.
Boolean(-1);
// => true
Boolean(0);
// => false
Boolean(' ');
// => true
Boolean('');
// => false
앞에서 설명한 규칙 때문에 JavaScript에서 '0', 'false', [], {}는 truthy예요.
숫자로 변환하기
Number(value)는 값을 숫자로 변환할 때 사용할 수 있어요.
문자열 앞뒤의 공백은 무시되고, 빈 문자열은 0으로 변환돼요.
원시 값이 아닌 값이나 숫자를 나타내지 않는 문자열을 변환하려고 하면 결과는 NaN(숫자가 아님)이에요.
Number(' -12.34 ');
// => -12.34
Number('1,2');
// => NaN
Number('');
// => 0
Number({ num: 123 });
// => NaN
문자열로 변환하기
String(value)를 사용하면 값을 문자열로 변환할 수 있어요.
원시 값에 대해서는 결과가 예상한 그대로예요.
String(12.34);
// => '12.34'
String(false);
// => 'false'
String(null);
// => 'null'
String(undefined);
// => 'undefined'
배열의 경우, String 함수는 각 원소에 문자열 변환을 적용하고 그 결과를 쉼표로 이어 붙여요.
구분자를 직접 바꾸고 싶다면 join 메서드를 직접 사용해도 돼요.
이 경우 null과 undefined는 빈 문자열로 변환된다는 점에 유의해요.
String([42, null, true, 'abc']);
// => '42,,true,abc'
객체의 경우, 기본적으로 String은 별로 도움이 안 되는 문자열을 반환해요.
String({ key: 'value' });
// => '[object Object]'
타입 강제 변환
특정 문맥에서 JavaScript는 어떤 문을 평가하기 전에 값을 자동으로 다른 데이터 타입으로 변환해요.
이런 암시적 변환을 _타입 강제 변환_이라고 해요.
불리언 문맥
불리언 문맥에서 불리언이 아닌 값을 사용하면, JavaScript는 Boolean 함수와 같은 규칙을 적용해 그 값을 암시적으로 변환해요.
불리언으로의 강제 변환은 주로 다음과 같은 경우에 일어나요.
-
if문의 조건
-
삼항 연산자
?의 첫 번째 피연산자
- 논리 부정 연산자
!의 피연산자
- 논리 AND 연산자
&&와 논리 OR 연산자 ||의 피연산자 (식의 결과는 피연산자 중 하나이며, 반드시 불리언인 것은 아니에요)
const num = 0;
if (num) {
// this block is NOT executed because 0 is falsy
}
문자열 문맥
덧셈 연산자 +를 원시 값에 사용하는데 피연산자 하나가 문자열이면, 다른 피연산자도 문자열로 강제 변환돼요.
변환 방식은 String 함수를 사용할 때와 같아요.
그런 다음 두 문자열이 이어 붙여져요.
let name;
'hello ' + name;
// => 'hello undefined'
숫자 문맥
많은 연산자가 위에서 설명한 Number 함수의 방식에 따라 피연산자를 (필요하면) 숫자로 강제 변환해요.
- 산술 연산자:
+(문자열이 포함되지 않은 경우), -, *, /, %, **
- 단항 플러스 연산자와 단항 부정 연산자:
+, -
- 관계 연산자(문자열이 아닌 피연산자의 경우):
>, >=, <, <=
- 비트 연산자:
|, &, ^, ~
이 연산자들 각각에 대한 자세한 내용은 MDN 연산자 목록을 참고해요.
실수를 피하려면 이런 연산자를 적용하기 전에 항상 Number를 명시적으로 호출하는 게 좋아요.
학습 연습 문제
