[4] 자바스크립트 타입 및 변환

자바스크립트 타입

 

 

 

---

 

자바스크립트 타입 변환

 

자바스크립트는 명시적 변환과 암시적 변환을 지원합니다.

명시적 타입 변환

프로그래머가 직접 타입을 변환하는 방식입니다.

1. Number로 변환

Number() 함수 사용:

console.log(Number('42'));   // 42
console.log(Number('3.14')); // 3.14
console.log(Number(true));   // 1
console.log(Number(false));  // 0
console.log(Number('abc'));  // NaN

 

parseInt()와 parseFloat()로 문자열을 숫자로 변환:

console.log(parseInt('42px'));  // 42
console.log(parseFloat('3.14')); // 3.14

 

2. String으로 변환

String() 함수 사용:

console.log(String(42));   // '42'
console.log(String(true)); // 'true'

템플릿 리터럴 활용:

console.log(`${42}`);  // '42'

 

3. Boolean으로 변환

Boolean() 함수 사용:

console.log(Boolean(1));       // true
console.log(Boolean(0));       // false
console.log(Boolean('hello')); // true
console.log(Boolean(''));      // false
console.log(Boolean(null));    // false
console.log(Boolean(undefined)); // false

 

암시적 타입 변환

자바스크립트가 코드 실행 중 자동으로 타입을 변환.

1. 문자열로 변환 (String Coercion)

문자열과 다른 타입이 더해질 때:

console.log(42 + ' is a number'); // '42 is a number'
console.log('Value: ' + true);   // 'Value: true'

2. 숫자로 변환 (Number Coercion)

console.log('42' - 0); // 42
console.log('3.14' * 2); // 6.28
console.log('5' - '2'); // 3

3. Boolean으로 변환 (Boolean Coercion)

if ('') console.log('Falsy'); // 실행되지 않음
if ('hello') console.log('Truthy'); // 'Truthy'