자료형 변환

1. 암시적 형 변환

1-1. 문자열

• 숫자 + 문자열 = 문자열로 변환

let result1 = 1 + "2";
console.log(result1); //12
console.log(typeof result1); //string

• 불 + 문자 = 문자열로 변환
• null + 문자 = 문자열
• {} + 문자 = 문자열
• undefined + 문자 = 문자열

let result2 = "1" + true;
console.log(result2); //1true
console.log(typeof result2); //string

// {}, null, undefined + "1" => 문자열

1-2. 숫자

• 숫자 - 문자열 = 숫자
• 문자 * 문자 = 숫자
• 더하기 연산자가 아닌 다른 연산자(빼기, 곱하기, 나누기 등 )가 나왔을 때는 숫자가 우선시 된다 .
• 문자와 문자가 와도 숫자가 된다.

let result3 = 1 - "2";
console.log(result3); //-1
console.log(typeof result3); //number

let result4 = "2" * "3";
console.log(result4); // 6
console.log(typeof result4); // number

2. 명시적 형 변환

숫자 자료형으로 변환하기

• Number()함수를 사용한다.
• 숫자가 아닌 다른 자료에서 숫자 연산자를 사용하면 숫자 자료형으로 변환한다.
• 숫자형으로의 변환은 다음 규칙을 따른다.

전달받은 값	형 변환 후
undefined	NaN
null	0
true / false	1 / 0
string	전달받은 문자열을 그대로 읽되, 처음과 끝의 공백을 무시한다. 문자열이 비어있다면 0이 되고, 오류 발생 시 NaN이 돤다.

• NaN (Not a Number)는 자바스크립트에서 숫자 자료형이지만 숫자로 나타낼 수 없는 숫자를 뜻한다.

문자열 자료형으로 변환하기

• String() 함수를 사용한다.
• 다른 자료형을 문자열로 변환하면 기본 형태의 문자열로 출력된다.
• 문자열이 아닌 다른 자료에 문자열 연결 연산자(+)를 사용해 빈 문자열을 연결하면 문자열 자료형으로 변환한다.
• null, undefined, false, true, 숫자 다 String타입으로 변환된다.

불 자료형으로 변환하기

• Boolean()함수를 사용한다.
• 불린형으로의 형 변환은 다음 규칙을 따른다.
• 불이 아닌 다른 자료에 논리 부정 연산자(!)를 2번 사용하면 불 자료형으로 변환한다.

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

• 값이 있는 문자열은 true가 나온다.

• 숫자형으로 변환 시 undefined는 0이 아니라 NaN이 된다.

• 문자열 "0"과 " "같은 공백은 불린형으로 변환 시 true가 된다.