28. 객체 이해하기

[Irisation23]

객체 이해하기

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

---

1. 자바 스크립트의 객체 (Object)

여러 개의 값을 한번에 접근할 수 있도록 자바스크립트는 객체(Object)를 제공하고 있다.
값들을 그룹으로 묶은 데이터 모음 이라고 생각하면 된다.

---

2. 객체 생성

중괄호 {} 를 사용하여 객체를 생성한다. 중괄호 안에 여러 값들을 넣을 수 있는데, 키(Key) 와 값(Value)을 한 쌍으로 정의하여 이를 속성(Properties) 라 부른다.

{ Key: Value }

하나의 키(Key)에는 하나의 값이 매핑된다. 객체 안에 중복된 키 이름은 허용하지 않으며, 두줄 이상의 속성을 정의 할 때는 콤마 , 를 사용하여 구분한다.

var family = {
    'address': 'Seoul',

    memebers: {},

    addFamily: function (age, name, role) {
        this.memebers[role] = {
            age: age,
            name: name
        };
    },

    getHeadcount: function () {
        return Object.keys(this.memebers).length;
    }
};

family.addFamily(29, 'Jo', 'brother');
family.addFamily(27, 'Ahn', 'sister');
family.addFamily(32, 'Kim', 'me');

console.log(family.getHeadcount());

---

3. JSON(JavaScript Object Notation)

자바스크립트의 객체와 매우 유사한 구조를 지닌 데이터 교환 형식(format) 이다.
Json형태는 객체와 비슷하게 키: 값 쌍의 모음들로 이루어져 있다.

자바 스크립트의 객체와 차이는 반드시 속성 키 이름은 큰따옴표 " " 로 표시된 문자열이어야하고, 값은 오직 문자열, 숫자, 배열, true, false, null 또는 다른 JSON 객체만 가능하다.

{ "Key": Value }

주의할 점은 비슷해 보이지만 둘은 같지 않다는걸 알아두자.