JS 자바스크립트 형변환 설명

형변환이란 ?

 

JavaScript에서 변수가 어떤 값이든 간에, 필요에 따라 값의 형태를 바꾸는 것. 

 

 

1. 문자형으로 변환

 

자바스크립트에서 어떤 값을 alert 함수로 보여줄 때, 그 값이 무엇이든 간에 먼저 문자열로 변환

 

let value = true;
alert(value); // "true"라고 보여줘요 > 불린이 ture로 변형 되는 것임

let value = 123;
value = String(value); // "123"으로 변환돼요 > 이것도 숫자 > 문자로 형변환 되는것임

// value + 1  = 124 아니라 1231

 

2. 숫자형으로 변환

 

숫자형으로 변환할 때는 Number(value)를 사용

let str = "123";
let num = Number(str); // 숫자 123으로 변환돼요

적용 규칙

• undefined는 NaN

• null은 0

• true는 1, false는 0

• 공백이 없는 문자열은 0이 되고, 그 외에는 숫자로 변환

alert(Number("   123   ")); // 123
alert(Number("123z"));      // NaN ("z" 때문에 변환 실패) 문자가 있어서 그럼

 

3. 불린형으로 변환

 

불린형으로 변환할 때는 Boolean(value)를 사용

이때 값이 true나 false로 변환돼요.

 

 

 기본적인 규칙

• “비어있다”고 느껴지는 값 (0, null, undefined, NaN, "")은 false

•

alert(Boolean(1)); // true
alert(Boolean(0)); // false
alert(Boolean("hello")); // true
alert(Boolean("")); // false

 

예외사항

 

• undefined는 숫자로 변환하면 NaN

• "0"과 " "(공백)은 불린형으로 변환하면 true