#study/부스트코스 서포터즈 3기

7. Javascript 객체

WOONY 2021. 2. 1. 00:36

객체(Ojbect) vs 메소드(Method)

 

객체는 함수의 기반 위에서 존재하는 개념으로 서로 연관된 함수와 변수를 정리하기 위해 사용한다.

아래 코드에서 document가 객체, querySelector(함수)는 메소드이다.

document.querySelector('body');

 

객체를 만들 때는 배열과는 달리 중괄호{}를 사용한다. 

var coworkers= {
  "programmer": "egoing"
};

객체를 불러올 때는 대괄호[]를 사용한다.

document.write(coworkers["programmer"])

객체 요소를 추가하는 방법 아래와 같다. 

coworkers["bookkeeper"] = "duru";

 

객체의 순회(Iteration)

객체에 있는 모든 값들을 가져오기 위해서는 for in을 사용한다.

for(var key in coworkers) {
  document.write(key+'<br>');
}

 

메소드(Method)와 프로퍼티(Property)

객체에 해당하는 함수들은 메소드, 객체에 해당하는 변수들은 프로퍼티이다.

 

 

 

'#study > 부스트코스 서포터즈 3기' 카테고리의 다른 글

9. Javascript 활용  (0) 2021.02.06
8. Quiz 4  (0) 2021.02.01
6. Quiz 3  (0) 2021.01.23
5. Javascript 함수  (0) 2021.01.23
4. Quiz 2  (0) 2021.01.17