Object 객체 (JavaScript)

Goal 

 - 자바스크립트의 객체의 특성에 대해 알아본다

 - 정적인 객체와 동적인 객체의 차이를 알아본다

 - 객체의 데이터를 키를 이용하여 관리하는 Map에 대해 알아본다

 - 변수로 접근하는 것과 속성으로 접근하는것의 차이에 대해 알아본다.

 

1. 정적인 객체와 동적인 객체

 

 - 정적인 객체 : C++, C#, Java의 객체, 객체의 데이터들을 선언하고 사용한다.

 - 동적인 객체 : 객체를 먼저 만들고 필요한 속성이 있으면 객체에 덧붙인다. 정적인 객체의 데이터 정의 작업을 하지 않아도 객체를 사용할 수 있다.

var exam = new Object() // Object라는 객체를 선언하고
exam.kor = 30; // 해당 참조변수로 데이터를 생성한다.
exam.eng = 70;
exam.math = 80;

 - 자바스크립트는 언어가 유연하기 때문에 오류가 쉽게 발생하고 그 오류를 발견하기 어려울 수 있다. 특히 동적인 객체를 사용할 경우 미리 데이터를 정의하지 않기 때문에 오류를 파악하기 어려운 경우가 많다.

 

2. 키를 이용한 데이터 관리 : Map

 - 변수명(Key)을 통해 데이터를 꺼내오고 싶을 때 Map을 사용한다.

var exam = new Object();

exam["kor"] = 30;
exam["eng"] = 70;
exam["math"] = 80;

alert(exam["kor"]);

 

3. 변수로의 접근과 객체의 속성으로 접근의 차이

var a = {
    b : 1,
    c : 2
}

var b = 'c'

console(a[b]); // 2 []표현을 통해 변수 b에 접근했기 때문에  a.c의 값인 2를 출력
console(a.b); // 1 .표현으로 바로 객체의 속성에 접근했기 때문에 값 1출력