데이터 타입

📖 데이터 타입(Data Type)

데이터 타입 : 변수에 저장되는 데이터의 유형

* Primitive(원시) 데이터 타입
  - 더 이상 나누어질 수 없는 단일 값으로 구성된 데이터 타입
  - number, string, boolean, undefined, null, symbol,...
* Object(객체) 데이터 타입
  - 여러 값을 담을 수 있는 복합 데이터 타입. 객체는 키 - 값 쌍의 컬렉션
  - function, object, array,...

 

1) number(숫자) 데이터

정수, 소수점, 지수를 표현

var num1 = 10;
var num2 = 10.5;
var num3 = 1e+2;     
console.log(num1);   //10
console.log(num2);   //10.5
console.log(num3);   //100  *1e+2 : 1*10의 2승

 

2) string(문자) 데이터

' ' 또는 " "으로 표현 ( 보통 작은따옴표 사용)

var str1 = '문자';
var str2 = "문자";
console.log(str1);   //문자
console.log(str2);   //문자

=====문자 안에 문자가 들어갈 경우=====
var str1 = '문자는 "문자"';
var str2 = "문자는 '문자'";
console.log(str1);   // 문자는 "문자"
console.log(str2);   // 문자는 '문자'

 
cf) 이스케이프 시퀀스(Escape Sequence) : 특수한 목적을 위해 역슬래시(∖) 문자를 사용하는 경우

document.write() 에서는 <br>으로 행 바꿀 수 있지만, alert() 에서는 바꿀 수 없음. 이스케이프 문자 '∖n'을 사용해야함 

이스케이프 문자	설명
∖n	행 바꿈
∖t	탭 문자
∖ ∖	역슬래시
∖'	작은따옴표
∖"	큰따옴표

var str = 'you∖'re too smart...';
console.log(str);    //you're too smart...

 

3) boolean(논리) 데이터

• true(참)와 false(거짓)의 값을 표현
• boolean에서 0값 → false를 의미. boolean에서 0값 이외의 숫자나 문자 값 → true를 의미

=====true(참)와 false(거짓)의 값을 표현=====
var temp1 = (5 > 4);
var temp2 = (5 < 4);
console.log(temp1);    //true
console.log(temp2);    //false

=====boolean에서 0값 → false를 의미. 0값 이외의 숫자나 문자 값 → true를 의미=====
var temp1 = 0;
var temp2 = 1;
console.log(Boolean(temp1));    //false
console.log(Boolean(temp2));    //true

 
4) undefined 데이터

• 변수 선언O · 데이터 값 지정X 경우에 자동으로 저장되는 값
• 객체 속성 값 지정X 경우에 자동으로 저장되는 값

=====데이터 값을 지정X=====
var temp1 = 10;
var temp2;
console.log(temp1);    //10
console.log(temp2);    //undefined

=====객체 속성 값 지정X=====
var obj = {};
obj.name = '홍길동';
obj.age;
console.log(obj.name);    //홍길동
console.log(obj.age);     //undefined

 

5) null 데이터

• 변수를 빈 상태(초기화)로 만듦
• 데이터를 저장하였으나 값이 존재하지 않을 때 null값을 반환함
• undefined와 null의 boolean은 false임

=====변수를 빈 상태(empty)로 만듦=====
var obj = 10;
obj = null;
console.log(obj);    //null

=====변수에 데이터 값을 저장하였으나 값이 존재하지 않을 경우=====
var obj = document.getElementById('gnb');
console.log(obj);    //null

=====undefined와 null의 booleandms false=====
var obj1;    //undefined
var obj2 = null;    //null
console.log(Boolean(obj1));    //false
cobsole.log(Boolean(obj2));    //false

 
6) typeof 명령
변수에 저장되어 있는 데이터의 타입을 알아보려면 typeof 명령을 사용

var num = 10;
var str = '문자';
console.log(typeof num);    //number
cpnsole.log(typeof str);    //string

 
 
 
 
 
출처 : ⎡반응형 웹 실전 프로젝트 가이드 (김광수, 조혜경)⎦