JS 형 변환 (문자를 숫자로, 숫자를 문자로), 변수의 타입 확인 typeof

 

형 변환에 앞서 변수의 타입을 알 수 있는 방법을 알아 보겠습니다.

간단합니다. <typeof 변수명> 을 사용하면 변수의 타입을 알 수 있습니다.

 

boolean 형, 숫자형을 문자형 으로 바꿔 봅니다.

 

let value = true;
alert(typeof value); // boolean

value = String(value); // string 으로 형 변환
alert(value); // "true"
alert(typeof value); // string

 

String() 을 사용하지 않고 +"" 를 사용하기도 합니다. 혹은 toString() 을 사용합니다.

 

let cnt = 1;
console.log(typeof cnt); // number
console.log(typeof (cnt+"")); // string
console.log(cnt.toString()); // string

 

(cnt+"") 에서 괄호를 빼면 앞의 cnt 의 타입이 나오니 괄호로 우선순위를 줘야 합니다.

 

문자형을 숫자형 으로 바꿔 봅니다.

 

alert( "15" / "5" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산이 수행됩니다.

let str = "123";
alert(typeof str); // string

let num = Number(str); // 123

alert(typeof num); // number

 

자동 변환된다고 아무 값이나 넣으면 안됩니다.

 

alert("15" / "a5"); // NaN : not a number 숫자가 아니라고 출력됩니다.

 

문자형이 들어가면 NaN 이 나옵니다.

 

Boolean 형으로 변환 합니다.

 

alert(Boolean(1)); // 숫자 1(true)
alert(Boolean(0)); // 숫자 0(false)

alert(Boolean("helloWorld!")); // 문자열(true)
alert(Boolean("")); // 빈 문자열(false)

 

단순히 true, false 만 불린형으로 바꿀 수 있는 것이 아니라 숫자나 문자형도 어떤 값이냐에 따라 true, false 쪽으로 나눠집니다. null 이나 undefined 도 나눠질 수 있는데, 이것을 알고 있으면 굉장히 유용합니다!

 

JS Truthy 와 Falsy https://lazygay.tistory.com/10

JS Truthy 와 Falsy

위 게시글을 참고해 주세요!

 

boolean 형으로 바꾸는 더 같단한 방법도 있습니다. 앞에 느낌표 2개를 붙이면 됩니다.

 

alert(!!1); // true
alert(!!0); // false

 

 

 

참고 자료 

https://ko.javascript.info/type-conversions

형 변환

https://developer.mozilla.org/en-US/docs/Web/API/Window/alert

Window.alert() - Web APIs | MDN