자바스크립트 객체

• 들어가기 전에

자바스크립트 객체는 key와 value로 이루어진 dictionary 자료구조이다. 간단한 형태로 아주 많이 사용되고 있으니 그 사용법을 잘 알아보도록 하자

• 학습 목표

1. 자바스크립트 객체를 선언하고, 값을 얻는 방법을 알 수 있다.

• 핵심 개념

- JavaScript object(객체)

• 객체

- 자바스크립트 개발에서 어떤 데이터를 저장하고, 보관하고, 관리하고, 수정하고 이런 것들을 할 때, 배열 그리고 또 다른 어떤 키값이 필요하다면 개체 데이터를 쓸 수밖에 없다.

- 배열은 순서가 있는 리스트고, 객체는 순서는 없지만 키값이 있는 어떤 이름이다. 키 값이 이름이 있는 어떤 데이터를 보관할때 많이 쓰인다. 

- key, value 구조의 자료구조

- JavaScript로 데이터를 표현하기 위해서는 Array, Object를 사용한다.

- Object형태는 { }로 그 자료를 표현하며, 서버와 클라이언트 간에 데이터를 교환할 때 Object 포맷과 비슷한 방법으로 데이터를 보낸다.

• 객체 선언

var obj = { name : "hzoou", age : 24}

- 자바스크립트 객체구조를 본따 서버와 웹브라우저간에 데이터를 주고받을 때 정의한 JSON(JavaScript Object Notation) 이라는 것이 있다.

• 객체의 추가/삭제

var friend = { name : "yzeong" };

console.log(friend.name); //yzeong

console.log(friend["name"]); //yzeong

friend.age = 24; //추가

console.log(friend.age); //24

cs

- 추가하는 방법은 dot notation을 더 많이 사용한다.

• 객체의 탐색

var me = { name : "hzoou", age : 24 };

for (value in me) { // value는 key 값을 담는 그냥 변수

    console.log(value); // name age

    console.log(me[value]); // hzoou 24

}

 

Colored by Color Scripter

cs

- for-in 구문을 사용한 방법이 대표적이다.

- 그 밖에도 객체를 탐색하는 방법으로는 Object.keys()를 이용한 후 forEach로 탐색하는 방법도 많이 쓰인다.

var me = { name : "hzoou", age : 24 };
console.log(Object.keys(me)); //[ "name", "age" ] 키 값이 배열로 출력
 
Object.keys(me).forEach(function(v) {
    console.log(me[v]); //hzoou, 24
});