[JS 프로그래밍 7]배열의 진화인 객체에 대해서 알아 보자.

이번에는 배열의 진화형인 객체(OBJECT)를 알아 보도록 합시다.

도데체 어느 부분에서 배열의 진화형이냐면

일단 배열은 인덱스(제목)을 0 부터 자동으로 설정해 주었고, 자신이 정할 수 없었지만,

객체는 인덱스를 자신이 원하는 것으로 바꾸어서 사용할 수 있기 때문이다.

객체를 만드는 방법'들'

객체를 만드는 방법은 다양하다. 그리고 우리는 이것을 때에 따라서 바꿔서 쓰면서 효율을 높일 수 있다.

그럼 객체를 만드는 방법들에 대해서 배워 보자

파랑색: 바꿀 수 있는 것

1. 한 줄로 만들기

var 객체이름 ={'인덱스' : 데이터, '인덱스' : 데이터};

예시

var object = {'first' : 1, 'second' : 2};

2.여러 줄로 만들기 1

var 객체이름 = {};

객체이름['인덱스'] = 데이터;

객체이름['인덱스'] = 데이터;

var object = {};

object['first'] = 1;

object['second'] = 2;

3.여러 줄로 만들기 2

var 객체이름 = new Object();

객체이름['인덱스'] = 데이터값;

객체이름['인덱스'] = 데이터값;

예시

var object = new object{};

object['first'] = 1;

object['second'] = 2;

약간 다른 것 뿐이지만 그래도 적어 놓겠습니다.

객체 접속

다음은 객체에 접속해서 데이터를 꺼내 오는 방법에 대해서 알아 보도록 하겠습니다.

객체에서 데이터를 받는 방법은 2가지가 있습니다.

1. 객체이름['인덱스']

2.객체이름.인덱스

위와 같이 2가지로 데이터를 빼 올수 있고 이것을 alert 나 console.log, document.write 등으로 출력할 수 있습니다.

객체와 반복문

이번에는 저번 시간에 배운 배열과 반복문에서 한층 더 나아가

객체와 반복문에 대해서 알아 보도록 하겠습니다.

실행 원리는 비슷하나, 객체는 반복문과 다르게 숫자가 아니고, 정해져 있지 않기 때문에 for문의 문법이 약간 변동됩니다.

그래서

객체를 만들고 나서 for문을 만들 때

for(key in 변수이름){

코드

}

로 사용하게 됩니다.

다음 시간에는 모듈에 대해서 알아 봅시다.