1. 객체(Object)

※ 배열 vs 객체

배열(Array)

- 순서가 있는 값으로, 그 순서는 인덱스로 구성이 되어 있다. (0부터 번호를 매김)

- 대괄호 '[ ]' 를 통해 배열을 만든다.

var animals = ["dog", "cat", "rabbit"];

 

객체(Object)

- 객체 = 폴더

- 이름이 있는 정리정돈 상자

- 중괄호 '{ }' 를 통해 객체를 만든다.

- 항상 키와 값(key-value pair)으로 속성(property)을 넣어야 한다.   

키(key): '값(value)'

 

var Pomi={
    breed"Pomeranian",
    age"13"
    };

 

 

2. 객체(Object) - 접근, 추가

 

접근

Pomi.breed  // "Pomeranian"

Pomi['age']  // 13

웹 페이지 실행 결과

 

추가

Pomi.color = "white";
Pomi['gender']= "female";

웹 페이지 실행 결과

 

 

 

3. 객체와 반복문

for...in 반복문

객체의 속성(프로퍼티)을 반복적으로 열거하는 반복 구조

for(var key in Object){

}

Object 내의 key값들을 하나하나 변수 값으로 세팅해준다는 의미

 

1) Object 내의 key값을 출력

for(var key in Object){
	document.write(key);
}

 

 

2) Object 내의 값(value)를 출력

for(var key in Object){
	document.write(Object[key]);
}

 

 

3) key값과 값(value) 둘 다 출력

 

 

 

4.  객체 Property와 Method

property: 객체에 소속된 변수(key값, value)

method: 객체에 소속된 함수

 

Pomi 객체에 함수를 추가함

 

Pomi 객체의 이름이 바뀔 수 있으므로 함수 내의 Pomi를 'this'로 바꿔준다.

 

+ Recent posts