타입 변환

공부한 걸 혼자서 정리하는 자바스크립트

[ 본 내용은 공부한 내용을 제 생각대로 간략하게 정리를 해서 올리는 글입니다. ]

---

타입변환

 

자바스크립트의 모든 값은 타입이 있다. 값을 의도적으로 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다.

let X = 10;

// 명시적 타입 변환
// 숫자를 문자열로 타입 캐스팅한다.

let Birthday = x.toString();
	console.log(typeof Birthday, Birthday); // string 10
    
// X 변수의 값이 변경된 것은 아니다.
console.log(typeof x, x); // number 10

 

개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이

자동변환이 되기도 한다. 이를 암묵적 타입 변환 또는 타입 강제 변환이라고 한다.

let X = 10;

// 암묵적 타입 변환
// 문자열 연결 연산자는 숫자 타입 x 의 값을 바탕으로 새로운 문자열을 생성한다.

let birthday = x + '';
	console.log(typeof birthday, birthday); // string 10
    
// X 변수의 값이 변경된 것은 아니다.
	console.log(typeof x, x); // number 10

 

암묵적 타입 변환

 

// 피연산자가 모두 문자열 타입이어야 하는 문맥
'10' + 5 // '105'

// 피연산자가 모두 숫자 타입이어야 하는 문맥
3 * '10' // 30

// 피연산자 또는 표현식이 불리언 타입이어야 하는 문맥
!0 // true
if (1) {}

 

명시적 타입 변환

 

개발자의 의도에 따라 명식적으로 타입을 변경하는 방법은 다양하다.생성자 함수를 new  연잔사 없이 호출하는 방법과 빌트인 메서드를 사용하는 방법, 암묵적 타입 변환을 이용하는 방법이 있다.

문자열 타입으로 변환이 아닌 값을 문자열 타입으로 변환하는 방법은 다음과 같다.

 

1. string 생성자 함수를 new 연산자 없이 호출하는 방법.2. object.porototype.toString 메서드를 사용하는 방법.3. 문자열 연결 연산자를 이용하는 방법

 

숫자 타입이 아닌 값을 숫자 타입으로 변환하는 방법은 다음과 같다.

 

1. number 생성자 함수를 new 연산자 없이 호출하는 방법.

2. perseInt.parseFloat 함수를 사용하는 방법 ( 문자열만 숫자 타입으로 변환 가능 )

3. + 단항 산술 연산자를 이용하는 방법

4. * 산술 연산자를 이용하는 방법

 

불리언 타입이 아닌 값을 불리언 타입으로 변환하는 방법은 다음과 같다.

 

1. Boolean 생성자 함수를 new 연산자 없이 호출하는 방법

2. ! 부정 논리 연산자를 두 번 사용하는 방법