B15 : 객체 to 원시 타입 변환

목차

1. 객체의 원시 타입 변환

3. 문자열로 변환

4. 숫자형으로 변환

---

1. 객체의 원시 타입 변환

obj1 + obj2, obj1 - obj2, alert(obj)처럼 객체끼리 연산을 하거나 출력을 할 때 자동 형변환이 일어난다.

객체가 원시값으로 변환되고, 그 후 의도한 연산이 수행된다.

 

객체의 원시 타입 변환은 명시적 강제 변환, 암시적 강제 변환에서 동일한 과정을 거친다.

객체의 원시 타입 변환은 문자열로의 변환(string), 숫자로의 변환(number), default 3가지로 나눌 수 있다.

구분의 기준은 hint가 되는데, 목표로 하는 자료형으로, 명세서에 설명이 있다.

 

• 객체는 논리 평가 시, 예외없이 true를 반환한다.
• 객체끼리 수학 관련 연산을 하면 숫자형으로의 형 변환이 일어난다.
• 객체를 출력할 때 문자형으로의 형 변환이 일어난다.

---

2. 문자열로 변환

객체가 문자열로 변환되는 단계는 아래와 같다.

 

1. 객체에 정의된 toString() 메서드 호출 (별도 정의된 것이 없다면 Object.prototype.toString() 메서드 실행)

2. 1단계의 결과가 원시 타입이라면, 그 결과를 문자열로 변환하여 반환
    원시타입이 아니라면 valueOf() 메서드 호출

3. valueOf() 메서드의 결과값이 원시 타입이라면, 그 결과를 문자열로 변환하여 반환

    원시타입이 아니라면  TypeError 발생

console.log(String({}));	// '[Object object]'

예시와 같이 빈 객체를 변환한다면

1. Object.prototype.toString() 메서드 실행

2. 1단계의 결과값은 [Object object]로, 원시 타입이기 때문에 이 결과를 반환

 

• alert() : 자동 형변환
• String() : 강제 형변환

 

---

3. 숫자형으로 변환

객체가 숫자로 변환되는 단계는 아래와 같다.

1. 객체에 정의된 valueOf() 메서드 호출 (별도 정의된 것이 없다면 Object.prototype.valueOf() 메서드 실행)

2. 1단계 결과가 원시타입이라면, 결과를 숫자로 변환하여 반환

    원시타입이 아니라면 toString() 메서드 호출

3. toString() 메서드의 결과 값이 원시 타입이라면 그 결과를 숫자로 변환하여 반환

    원시타입이 아니라면 TypeError 발생

console.log(Number({}));	// NaN

예시와 같이 빈 객체를 변환한다면

1. Object.prototype.valueOf() 메서드 호출

2. 1단계의 결과값은 빈 객체 그대로이기 때문에, toString() 메서드 호출

3. toSting()의 결과값은 [Object object]로, 숫자로 변환이 불가하므로 NaN 반환

 

• Number() : 강제 형변환
• 비교 연산자 <, > : 자동 형변환

 

 

** 객체의 valueOf()와 toString() 메서드를 직접 정의하면 타입 변환의 결과가 달라질 수 있다.

** 배열, Date, 정규식과 같이 특수한 객체들은 자체적인 toString(), valueOf()를 가지고 있다.

 

 

---

4. default

연산자가 변환될 자료형이 확실치 않을 때 defaul가 된다.

덧셈 연산자(+)는 피연산자의 자료형에 따라 문자열을 합치는 연산을 할 수도 있고, 숫자를 더하는 연산을 할 수도 있다.

동등 연산자(==)는 객체-문자형, 객체-숫자형, 객체-심볼형끼리 비교할 때 객체를 어떤 자료형으로 바꿔야할지 확신이 없으므로

hint가 default가 된다.

let total = obj1 + obj2;

if(user == 1) {...};

 

 

 

참고

기초부터 완성까지, 프런트엔드 (이재성|한정)

https://ko.javascript.info/object-toprimitive

객체를 원시형으로 변환하기