자바스크립트 데이터 종류

자바스크립트 데이터 종류

 

기본타입

 

숫자 Number 

 

정수형

var age = 28; // 10진수 
var color = 0xF00; // 16진수

 

실수형

var height = 166.666; 
var num = 5/2;

 

텍스트를 숫자로 변환

parseInt("010.333",10) //10 정수 
parseFloat("010.333") // 10.333 실수

 

문자 String

 

작은 따옴표나, 큰 따옴표로 생성.

var age = '28'; 
var height = "166.666";

 

 

한 번 정의된 문자열은 읽기만 가능.

var str = "ab"; 

console.log( str[0], str[1] ); // a b 

str[0] = "A"; 
str[1] = "B"; 

console.log(str); // ab

 

boolean

true와 false 값을 나타낸다.    

 

true = 맞음, 같음, 함, 1 
false = 틀림, 같지 않음, 안 함, 0

var booleanVar = true; 

console.log( booleanVar == 1 );   // true 
console.log( booleanVar === 1 ); // false 

 

 

undefind 

값이 비어있음. 
일반적으로 변수를 만든 후 초기화하지 않은 상태를 의미.

var emptyVar; 

 

null 

값이 비어있음. 
명시적으로 값이 비어있음을 나타내는 데 사용. 
null을 넣었다는 건 해당 변수에 객체를 담을 거라는 의미.

var data = null; // typeof object 

console.log( typeof data === null ) // false 
console.log( data === null ) // true

 

undefined와 null 

undefined는 그 변수가 참조하는 객체를 아직 지정하지 않았음을 뜻하고, 
null은 변수가 참조하는 객체가 없음을 나타낸다

console.log(typeof a);       // undefined 
console.log(a == undefined); // error 
  
var b; 
console.log(typeof b);           // undefined 
console.log(b == undefined);     // true 
console.log(b == null);          // true 
console.log (null == undefined); // true 
  
b = null; 
console.log(b); // null

 

 

참조 타입

기본 타입을 제외한 모든 값은 객체이다. 

자바스크립트에서 객체는 단순히  "이름(key) : 값(value)" 형태의 프로퍼티를 저장하는 컨테이너로, 
하나의 값만 가지는 기본 타입과 달리 여러 개의 값을 포함할 수 있다. 
다른 객체를 가리킬 수도 있고, 함수로도 포함할 수 있다. 

객체 생성 방법은 크게 세 가지가 있다. 

 

Object() 생성자

var a = new Object(); 
a.name = 'H'; 
a.age = 28; 
console.log(typeof a); // object 
console.log(a);        // Object { name : 'H', age : 28 } 

 

객체 리터럴 방식 

중괄호를 이용해서 객체를 생성한다. 
{} 안에 아무것도 적지 않은 경우는 빈 객체가 생성되며, 
이름 : 값 형태로 표기하면 해당 프로퍼티가 추가된 객체를 생성할 수 있다.

var a = {};
var b = { 
    name : 'H', 
    age : 28 
}; 
console.log(typeof b); // object 
console.log(b);        // Object { name : 'H', age : 28 }

 

생성자 함수 

함수를 통해서도 객체를 생성할 수 있으며 이러한 함수를 생성자 함수라고 부른다. 

function 함수명( 매개변수1, 매개변수2 ){ 
    this.속성1 = 매개변수1;

    this.속성2 = 매개변수2; 
    this.메서드 = function(){ 실행문 }; 
}

var 객체명 = new 함수명( 값1, 값2 );