자바스크립트의 데이터 타입

1. 기본 타입       1) 숫자 (Number)       2) 문자열 (String)       3) 불린값 (Boolean)       4) undefined       5) null     2. 참조 타입       1) 객체         (1) 배열 (Array)         (2) 함수 (Function)         (3) 정규표현식

 자바스크립트는 느슨한 타입 체크 언어이기 때문에 int, char 등 변수의 데이터 타입을 지정하는 엄격한 타입 체크 언어와는 다르다. var라는 키워드로 변수를 선언하고, 여기에 어떤 타입의 데이터라도 저장할 수 있다. 변수를 선언하고 아무 것도 대입하지 않으면 undefined 타입이다.

 

 

1. 기본 타입

 1) 숫자 (Number)

   - 모든 숫자를 64비트 부동 소수점 형태로 저장하고, 이는 C언어의 double 타입과 유사하다.

 2) 문자열 (String) 

   - 작은 따옴표 또는 큰 따옴표로 생성한다. 문자열은 배열처럼 인덱스를 통해 접근할 수 있다. char 타입과 같은 문자       타입은 존재하지 않는다. 한 번 정의된 문자열은 변하지 않는다. 즉, 수정이 불가능하다.

 

var str = 'uno';
str[0] = 'U';
console.log(str); //uno 출력
//인덱스를 통해 접근해 값을 바꾸려해도 바뀌지 않는다.

 

 3) 불린값 (Boolean)

   - true 또는 false

 4) undefined

   - '값이 비어있음'을 나타낸다. undefined는 타입이자 값이다.

 

var emptyVar;
console.log(typeof emptyVar); //undefined 출력
console.log(emptyVar); //undefined 출력
//선언하고 값을 대입하지 않으면 값과 타입 모두 undefined이다.

 

 5) null

   - '값이 비어있음'을 나타내지만, 타입은 Object이고 값은 null이다. (undefined와의 차이점)

 

var nullVar = null;
console.log(typeof nullVar === null); //false 출력. null값을 담은 변수의 타입은 Object이다.
console.log(nullVar === null);  //true 출력

 

 

2. 참조 타입

 1) 객체 (Object)

   - 'key : value' 형태의 프로퍼티를 저장하는 컨테이너이다. 앞서 말한 기본 타입을 제외한 자바스크립트의 모든 값은         객체이다. 객체는 여러개의 프로퍼티를 포함할 수 있다.

 

객체의 종류는 다음과 같이 나눌 수 있다.

 

  (1) 배열 (Array)

  (2) 함수 (Function)

  (3) 정규표현식

 

이번 포스팅에서는 객체, 참조 타입의 성질을 간단히 알아보고 이후에 배열과 함수 등을 자세히 다루도록 하겠다.

 

 

/*** 객체 생성 방법 ***/

//1. Object() 생성자 함수 이용
var nee = new Object(); //빈 객체 생성
nee.name = 'uno'; //객체 프로퍼티 생성 (name : 프로퍼티 이름 / uno : 프로퍼티 값)
nee.age = 100;

//2. 객체 리터럴 방식 이용
var nee = {
    name: 'uno',
    age: 100
};

//3. 생성자 함수 이용


/*** 객체의 출력 ***/
console.log(typeof nee); //object
console.log(nee); { name: 'uno', age:100 }

 

 

* 객체 프로퍼티 읽는 법

 

- 대괄호([]) 표기법 => nee['name']

   접근하려는 프로퍼티 이름이 표현식이거나 예약어일 경우에는 이 방법만을 사용해야 한다.

   ex) nee라는 객체에 full-name 프로퍼티가 있을 경우 nee.full-name은 불가능, nee['full-name']으로 사용해야 한다.

- 마침표(.) 표기법 => nee.name

 

※ 프로퍼티 이름이 숫자일 경우, 대괄호 안에 숫자만 적어도 된다. 자바스크립트 엔진이 [] 연산자 내의 숫자를 자동으로 문자열 형태로 바꿔주기 때문이다.

예를 들어, var n = { 10: 'hello' } 일 때

n['10'] 또는 n[10] 둘 다 가능하다.

 

 

 

* 객체 프로퍼티 값을 할당/갱신하는 법

 

nee.major = 'engineering';

[nee라는 객체에 major라는 프로퍼티가 없는 경우] => engineering이라는 값으로 major 프로퍼티가 동적 생성된다.

[                     major라는 프로퍼티가 이미 있는 경우] => major 프로퍼티의 값이 engineering으로 갱신된다.

 

--> 즉, 객체에 값을 할당할 때, 프로퍼티가 있는 경우에는 해당 프로퍼티의 값을 갱신하고, 없는 경우에는 새로운 프로퍼티를 동적으로 생성하면서 값을 할당한다.

 

 

 

* for in 문으로 객체 프로퍼티 출력하기 (자바의 for each문과 비슷)

 

var nee = {
    name: 'uno',
    age: 100
};

var prop;

for(prop in nee){
    console.log(prop, nee[prop];
}
//[출력값]
//name uno
//age 100

 

 

* 객체 프로퍼티 삭제

delete 연산자로 객체의 프로퍼티를 삭제할 수 있으나, 객체를 삭제할 수는 없다.

 

delete nee.name; //name 프로퍼티 삭제
delete nee; //에러는 나지 않으나 객체는 삭제되지 않음

 

 

 

 

* 참조 타입의 특성

자바스크립트의 자료형 중에서 객체는 참조 타입이며, 객체의 모든 연산은 실제 값이 아닌 참조값으로 처리된다.

//objA 객체 생성
var objA = {
    val: 40
};

//objB 객체에 objA의 값을 대입하며 생성
var objB = objA;

console.log(objA); //{ val: 40 } 출력
console.log(objB); //{ val: 40 } 출력

objA.val = 50; //objA의 val 값을 50으로 갱신

console.log(objA); //{ val: 50 } 출력
console.log(objB); //{ val: 50 } 출력

 

객체는 참조 타입이기 때문에 objB의 val 값 역시 50으로 변경된다. objA 변수는 객체 자체를 저장하고 있는 것이 아니라, 생성된 객체를 가리키는 참조값(주소값)을 저장하고 있다. => objA와 objB는 동일한 객체를 참조한다.

 

 

 

- 객체의 비교

 

var objA = {
    val: 40
};

var objB = {
    val: 40
};

var objC = objA;


console.log(objA == objB); //false
console.log(objA == objC); //true

 

objA와 objB는 다른 객체이지만 같은 형태의 프로퍼티 값을 가지고 있다. 하지만 객체는 참조 타입이고 둘의 참조값이 다르기 때문에 false가 출력된다. objC는 objA와 같은 객체를 참조하므로 true가 출력된다.

 

 

 

- 참조에 의한 함수 호출 방식

 

인자로 기본 타입을 넘긴 경우 => 값에 의한 호출 방식(Call By Value)

호출된 함수의 매개변수로 복사된 값이 전달되고, 함수 내부에서 매개변수 값을 변경해도 실제 변수 값이 변경되지 않는다.

 

인자로 참조 타입을 넘긴 경우 => 참조에 의한 호출 방식(Call By Reference)

호출된 함수의 매개변수로 객체의 참조값이 그대로 전달되고, 매개변수 값을 변경하는 것이 가능하다.

 

 

var a = 100;
var objA = {
    val:100
};

function change(num, obj){
	num = 200;
	obj.val = 200;
	console.log(num); // 200
	console.log(obj); // { val : 200 }
};

change(a, objA); //a : 기본 타입, objA : 참조 타입

console.log(a); // 100
console.log(objA); // { val : 200 }

 

참조 타입인 objA의 경우 함수 내에서 값을 변경하는 것이 가능하므로, 함수가 끝난 후 objA의 값은 { val : 200 } 가 출력된다.