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를 'this'로 바꿔준다.