JS 문법 - 형변환

Class: 제로베이스
Created: November 29, 2022 11:28 AM
Type: Javascript
강의 명: 이론부터 실전까지 모든 것을 담은 자료구조/알고리즘

형변환

• 자바스크립트는 느슨한 타입 언어 혹은 동적 타입 언어로 변수의 자료형을 명시적으로 선언할 필요가 없는 언어다.
• 연산자로 인한 계산이나 변수에 전달되는 값은 자동으로 암묵적 형 변환을 수행한다.
• 강제적 형 변환을 위해서는 자료형 함수를 이용해 명시적 형 변환 수행

명시적 형변환

string

console.log(String(123));  // 123
console.log(String(1 / 0));  // Infinity
console.log(String(-1 / 0));  // -Infinity
console.log(String(NaN));  // NaN
console.log(String(true));  // true
console.log(String(false));  // false
console.log(String(undefined));  // undefined
console.log(String(null));  // null
console.log(String("hello"));  // hello

• 모두 string으로 정상적으로 변환

number

• Number은 정수와 실수를 모두 포함하는 자료형 변환이므로, 정수 혹은 실수의 명시적 변환은 parse 함수를 사용한다.
• 정수 변환: parseInt(피연산자), 실수 변환: parseFloat(피연산자)

console.log(Number(""));  // 0
console.log(Number("123"));  // 123
console.log(Number("hello"));  // NaN
console.log(Number("123hello"));  // NaN
console.log(Number(true));  // 1
console.log(Number(false));  // 0
console.log(Number(null));  // 0
console.log(Number(undefined));  // NaN
console.log(parseInt("123.123"))  // 123
console.log(parseFloat("123.123"))  // 123.123

boolean

// 빈 문자열이면 false, 문자열이 있으면 true
console.log(Boolean("")); // false
console.log(Boolean("123")); // true
console.log(Boolean("hello")); // true
console.log(Boolean("0")); // true
// 0이나 NaN 가 아니면 true
console.log(Boolean(0)); // false
console.log(Boolean(123)); // true
console.log(Boolean(-123)); // true
console.log(Boolean(123.123)); // true
console.log(Boolean(NaN)); // false
// null , undefined 는 false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false