[모던 자바스크립트] 6장 데이터 타입

* 본 블로그 글은 모던 자바스크립트를 읽으며 진행했음을 밝힙니다.

* 개인적인 공부 기록용이, 상업적으로 사용하지 않으며 문제가 있을 시 즉시 글을 내리도록 하겠습니다.

 

6장 데이터 타입

 

1.데이터 타입이란

🍦 보통 타입이라고 부르는 녀석들이다.

 

🍧 윈시타입

🍦 숫자 타입(number): 자바스크립트에서는 number라는 숫자 타입 하나만 존재한다.

🍦 문자열 타입(string)

🍦 불리언 타입(boolean): true / false

🍦 undefined 타입

🍦 null 타입

🍦 심벌 타입: symbol

 

🍧 객체타입

🍦 객체, 함수, 배열 등...

 

2. 타입 설명

🍨 숫자타입

자바스크립트는 자바와 다르게 정수, 실수 등 을 구분하지 않고, number 타입이라고 표현한다.

🍩 Infinity: 양의 무한대

🍩 -Infinity: 음의 무한대

🍩 NaN: not a number 라고 해서 연산 불가할 때 나온다.

 

🍨 문자열 타입

자바스크립트는 세가지 표현이 있다.

🍩 '' 작은 따옴표 / "" 큰 따옴표 / `` 백틱

🍩 이 중 `` 백틱은 템플릿 리터럴이라고 한다.

var number = 20;

// number의 값에 따라서 바뀐다.
console.log(`${number}`)

🍩 혹은 표현식을 삽입할 때 쓴다.

var num1 = 20;
var num2 = 30;
var sum = num1 + num2;

console.log('num1' + '과 ' + num2 + ' 를 더하면' + sum + ' 입니다.');

// 혹은
console.log(`${num1}과 ${num2}를 더하면 ${sum} 입니다.`);

 

🍨 불리언 타입

true / false 타입 둘 중 하나다.

 

🍨 undefined 타입

undefined  타입 하나다.

🍩 아마 이 친구가 보인다면, 일단 의심부터 하는 게 좋다.

🍩 내가 의도해서 보여준게 아니라면 어딘가에 초기화되지 않은 변수가 떠돌고 있을 것이다.

 

🍨 null 타입

null 타입 하나다.

🍩 위의 undefined  과 많이 헷갈릴 수도 있는데, 이 친구는 그냥 없다는 뜻이다.

 

🍨 심벌 타입

ES6에 추가된 타입으로, 변경 불가능한 윈시 타입의 값이다.

🍩 다른 값과 중복 되지 않는 유일무이한 값이다.

🍩 이러한 특징으로 인해 객체의 유니크한 키로 사용되기도 한다.

🍩 나는 거의 안써봤다...

var key = Symbol('key');
console.log(typeof key); // symbol

var 객체 = {};

객체[key] = 'value';
console.log(객체[key]); // value

 

🍨 객체타입

자바스크립트의 거의 모든 것이라고 봐야한다.자세한 것은 나중에 나온다.

 

3. 데이터 타입의 필요성

데이터 타입(이하 타입)은 왜 필요할까?사실 좀 깊게 들어가야한다.하지만, 그러지 않고 이해해보려고 한다.

 

우리는 개발을 하면서 효율을 따지게 된다.수 많은 효율 중에서 타입이 얼마만큼의 메모리 공간을 차지하는 지는 속도나 비용 측면에서 중요하게 다뤄진다.그렇다. 그래서 중요한 것이다.

 

4. 타입 알아보기 

위에 사용했다.

타입이 궁금하다면 

typeof 라는 친구를 변수 앞에 붙여보자!

 

끝!