JavaScript 기초 - 형변환

JavaScript에서는 함수나 연산자로 값이 넘어갈 때 자동적으로 자료형 타입이 바뀌는 경우가 있습니다. 이를 형변환이라고 합니다. 형변환은 자동으로 바뀌는 것 뿐만 아니라 명시적으로 바꿔줄 수도 있습니다.

 

문자열로 변경할 때는 String이라는 API를 사용합니다.

문자열로의 형변환은 무언가 출력할 때 많이 사용됩니다.

let stringValue = String(1); // "1"이 저장됨
let numberValue = 1; // 1이 저장됨

 

숫자형으로 변경할 때는 Number라는 API를 사용합니다.

뿐만 아니라 수학과 관련된 함수와 연산을 하면 모두 숫자형으로 자동으로 형변환이 됩니다.

숫자형으로의 형변환은 수학 계산에 많이 사용됩니다.

let a = "6" / "2"; // 3이 저장됨
let str = "123"

let num = Number(str); // 123으로 변환되어 저장됨.

 

만약 문자열을 숫자형으로 변경할 때 숫자로 변경할 수 없는 값이 들어있는 경우 NaN을 반환합니다.

let num = Number("오류가 발생하는 값123"); // NaN

alert(num); // NaN

 

아래는 숫자형으로 변환 시 적용되는 규칙입니다.

전달받은 값	형 변환 후
undefined	NaN
null	0
true and false	1과 0
string	문자열의 처음과 끝 공백을 제거한 후 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽습니다. 변환에 실패하면 NaN이 됩니다.

 

불린형으로 변환할 떄는 Boolean이라는 API를 사용합니다.

불린형으로 변환 시 적용되는 규칙입니다.

• 숫자 0, 빈 문자열, null, undefined, NaN과 같이 직관적으로도 "비어있다고" 느껴지는 값들은 false가 됩니다.
• 그 외의 값은 true로 변환됩니다.
• 문자열 "0"은 true입니다.

let numTrue = Boolean(1); // true
let numFalse = Boolean(0); // false

let strTrue = "hello" // true
let strFalse = "" // false