[JavaScript] 자바스크립트 기초 5. 형 변환(1)

1. Type Conversion 형 변환 (1)

1-1. 형 변환 개요

String(), Number(), Boolean() 함수를 이용한다

변환할 자료형에 맞는 함수를 선택하고 괄호 안에 변환할 값을 작성한다

console.log('10' + '5'); // 105 string
console.log(10 + 5); // 15 number

// Type conversion
console.log(Number('10') + Number('5')); // 15 number
console.log(String(10) + String(5)); // 105 string

 

1-2. 숫자로 형 변환

let x = '문자';
console.log(x); // 문자
console.log(typeof x); // string
console.log(Number(x));  // NaN
console.log(typeof Number(x)); // number 

let x = '123';
console.log(x);  // 123
console.log(typeof x); // string
console.log(Number(x));  // 123
console.log(typeof Number(x)); // number

let x = true;
console.log(x);  // true
console.log(typeof x); // boolean
console.log(Number(x));  // 1
console.log(typeof Number(x)); // number

문자열을 숫자로 형변환할 때

문자열을 구성하는 것이 문자일 때, 숫자일 때, 불 대수일 때의 차이에 주목하며

코드를 읽으면 좋다

1-3. 불린형으로 형변환

let x = '문자';
console.log(x); // 문자
console.log(typeof x); // string
console.log(Boolean(x));  // true
console.log(typeof Boolean(x)); // boolean

let x = '';
console.log(x); // 
console.log(typeof x); // string
console.log(Boolean(x));  // false
console.log(typeof Boolean(x)); // boolean

let x = '123';
console.log(x);  // 123
console.log(typeof x); // string
console.log(Boolean(x));  // 123
console.log(typeof Boolean(x)); // boolean

let x = 0;
console.log(x);  // 0
console.log(typeof x); // number
console.log(Boolean(x));  // false
console.log(typeof Boolean(x)); // boolean

let x = 1;
console.log(x);  // 1
console.log(typeof x); // number
console.log(Boolean(x));  // true
console.log(typeof Boolean(x)); // boolean

let x = NaN;
console.log(x);  // NaN
console.log(typeof x); // number
console.log(Boolean(x));  // false
console.log(typeof Boolean(x)); // boolean

 

문자열이 비어있거나 숫자 0, NaN일 때는 false

문자열이 비어있지 않거나 숫자 1일 때는 true가 출력된다

 

NaN도 number형에 속하는 값으로 처리된다

 

불린 값으로 변형했을 때 false가 출력되는 값들을

falsy값으로 부른다

 

1-4. 활용

console.log(Number('1' + '2' + '3') - Number(true)); // 123 - 1 = 122


Boolean("false") // true
Boolean(NaN) || Boolean('0') // true
Boolean(typeof false)  // true

Boolean(6 % 2) // false