Front-End/JavaScript

[JavaScript] 문법(2) 형 변환

유자맛바나나 2021. 9. 19. 22:37

❑ 형 변환

1. String(): 문자형으로 변환

// 예시)

console.log(typeof String(3)); // Number → String

console.log(typeof String(true)); // Boolean → String

console.log(typeof String(null)); // object → String

console.log(typeof String(undefined)); // undefined → String

 

2. Number(): 숫자형으로 변환

// 예시)

// String → Number
console.log(typeof Number("3")); 
> "number"
console.log(Number("3"));
> 3

console.log(typeof Number("3aaa")); 
> "number"
console.log(Number("3aaa")); 
> NaN

// Boolean → Number
console.log(typeof Number(true)); 
> "number"
console.log(Number(true));
> 0
console.log(Number(false));
> 1

// null → Number
console.log(typeof Number(null));
> "number"
console.log(Number(null));
> NaN

// undefined → Number
console.log(typeof Number(undefined));
> "number"
console.log(Number(undefined));
> NaN

 

3. Boolean(): 불린형으로 변환

false로 변환하는 case만 기억한다. 그 외는 전부 true로 변환한다.

false로 변환하는 case: 0, ""(empty string), null, undefined, NaN

 

// 예시)

// 0 → Boolean
console.log(Boolean(0));
> false 

// "" → Boolean
console.log(Boolean(""));
> false

// null → Boolean
console.log(Boolean(null));
> false

// undefined → Boolean
console.log(Boolean(undefined));
> false

// NaN → Boolean
console.log(Boolean(NaN));
> false

 

Reference

유튜브 코딩앙마 왕 초보 자바스크립트