[ JavaScript ] 자바스크립트 기본 문법 | 원시 데이터 타입 | 래퍼객체(wrapper object)

이미지 출처 :   https://commons.wikimedia.org/wiki/File:JavaScript-logo.png

 

 

 

 

 

해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다.

 

 

 

---

 

 

자바스크립트 기본 문법 | 원시 데이터 타입과 객체

 

 

 

이제 데이터 타입에 대해서 조금 더 심도 있는 이야기를 할 수 있는 수준까지 왔습니다.

 

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

 

 

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

 

 

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

아래의 리스트가 익숙하실 겁니다.

 

 

 

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

 

 

 

위 와 같이 객체가 아닌 데이터 타입을 원시 데이터 타입(primitive type)이라고 합니다.

 

그 외의 모든 데이터 타입들은 객체라고 말할 수 있습니다. 

 

 

 

 

 

 

 

 

자바스크립트 기본 문법 | 레퍼객체

 

 

 

래퍼 객체란, 원시 데이터 형을 객체처럼 다룰 수 있도록 하기 위한 객체입니다.

예제로 설명해보도록 하겠습니다.

 

 

var str = 'coding';
console.log(str.length);        // 6
console.log(str.charAt(0));     // "C"

 

 

 

 

 

 

 

문자열은 분명히 프로퍼티와 메소드가 있습니다.

 

그렇다면 문자열은 객체라고 말할 수 있는거겠죠.

 

 

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

 

그것은 내부적으로 문자열이 원시 데이터 타입이고,

문자열과 관련된 어떤 작업을 하려고 할 때 자바스크립트는 임시로 문자열 객체를 만들고

사용이 끝나면 제거하기 때문입니다.

 

 

이러한 처리는 내부적으로 일어나기 때문에 몰라도 됩니다.

 

하지만 원시 데이터 타입과 객체는 좀 다른 동작 방법을 가지고 있기 때문에

결국 이들을 분별하는 것은 필요합니다.

 

 

 

 

 

var str = 'test';
str.prop = 'test1';
console.log(str.prop);      // undefined

 

 

 

 

 

2행에서는 에러가 나지 않습니다.

 

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

 

 

prop 프로퍼티는 이 객체에 저장되고 이 객체는 곧 제거 됩니다.

 

그렇기 때문에 prop라는 속성이 저장된 객체는 존재하지 않게되는 것입니다.

 

 

이러한 특징은 일반적인 객체의 동작 방법과는 많이 다르죠.

 

 

 

자바스크립트가 이렇게 만들어진 이유는,

문자열과 관련해서 필요한 기능성을 객체지향적으로 제공해야 하는 필요 또한 있기 때문입니다.

 

따라서 원시 데이터 형을 객체처럼 다룰 수 있도록 하기 위한 객체를 자바스크립트는 제공하고 있습니다.

 

 

그것이 바로 레퍼객체(wrapper object) 인 것입니다.

 

 

 

레퍼객체로는 String, Number, Boolean이 있습니다.

 

null과 undefined는 레퍼 객체가 존재하지 않습니다.