[Js] 데이터 타입 | 레퍼객체 | 원시 데이터 타입 | 객체 데이터 타입

해당 포스팅은 "생활코딩"의 이고잉 님의 강의를 기반으로 올린 게시글 입니다.

상업적인 용도가 아닌, 개인 공부 정리 목적으로 올리는 글임을 미리 알립니다.

 

---

 

원시 데이터 타입(기본 데이터 타입)

데이터 타입이란 데이터의 형태를 의미한다.

데이터 타입은 크게 두가지로 구분할 수 있다. 객체와 객체가 아닌 것.

 

그럼 객체가 아닌 것은 무엇일까?

 

• 숫자
• 문자열
• 불리언(true/false)
• null
• undefined

객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 한다.

그 외의 모든 데이터 타입들은 객체다. 즉 객체데이터 타입(참조 데이터 타입)이다.

 

레퍼 객체

아래 코드를 보자.

<script>
    var str = 'coding';
    //str = new String('coding'); 과 같은 코드가 사실 있는 것! 
    console.log(str.length);        // 6
    console.log(str.charAt(0));     // "C"
</script>

위 코드를 살펴보면 이것은 문자열이기 때문에 원시데이터 이다. 하지만 객체의 형태를 띄고 있다.

. 이 의미하는 뜻은 Object access Operator로 결국 객체를 이어주는 것이다.

그렇기 때문에 그 객체의 프로퍼티, 메소드가 존재하는 것이다.

 

문자열과 같은 원시데이터 타입은 객체로써 사용할 때 임시로 객체로 만들어 준다.

 

문자열은 분명히 프로퍼티와 메소드가 있다. 그렇다면 객체다.

 

그런데 왜 문자열이 객체가 아니라고 할까?

 

그것은 내부적으로 문자열이 원시 데이터 타입이고 문자열과 관련된 어떤 작업을 하려고 할 때 자바스크립트는 임시로 문자열 객체를 만들고 사용이 끝나면 제거하기 때문이다.

이러한 처리는 내부적으로 일어난다. 그렇기 때문에 몰라도 된다.

 

 

하지만 원시 데이터 타입과 객체는 좀 다른 동작 방법을 가지고 있기 때문에 이들을 분별하는 것은 결국엔 필요하다.

 

<script>
    var str = 'coding';
    str.prop = 'everybody'; //에러가 뜨지 않음. 이것이 의미하는 것은 문자열을 객체처럼 사용하려고 한다면
    //자바스크립트는 문자열을 내부적으로 객체화 시키는 것이다.
    console.log(str.prop);      // undefined  하지만 정작 가져오려 하면 정의되어 있지 않다.
    //즉 순간에 객체가 생기지만 사용하려 하면 사라지기 때문에 없는것과 같다.
</script>

str.prop를 하는 순간에 자바스크립트 내부적으로 String 객체가 만들어진다.

 

prop 프로퍼티는 이 객체에 저장되고 이 객체는 곧 제거 된다. 그렇기 때문에 prop라는 속성이 저장된 객체는 존재하지 않게된다. 이러한 특징은 일반적인 객체의 동작 방법과는 다르다.

 

하지만 문자열과 관련해서 필요한 기능성을 객체지향적으로 제공해야 하는 필요 또한 있기 때문에 원시 데이터 형을 객체처럼 다룰 수 있도록 하기 위한 객체를 자바스크립트는 제공하고 있는데 그것이 레퍼객체(wrapper object)다.

 

레퍼객체로는 String, Number, Boolean이 있다. null과 undefined는 레퍼 객체가 존재하지 않는다.

 

 

결국 원시 데이터는 객체가 아니기 때문에 원래 객체처럼 사용할 수 없지만

"레퍼객체" 덕분에 위에서 사용했던 모든 것이 가능한 것이다.

 

 

마지막으로 다시 한번 살펴보자. 뒤에 빨간색으로 표시된 부분이 바로 "레퍼객체"인것이다.

• 숫자 Number
• 문자열 String
• 불리언(true/false) Boolean
• null  존재 x
• undefined  존재 x

존재 하지 않는 것들은 : null.prop = 'haeun' 이런식으로 작성 시 타입에러가 발생하게 된다.