Javascript - (4) 객체

객체

객체의 생성과 사용

var coworkers={
	"programmer":"egoing",
 	"designer":"leezche"
};

document.write("programmer : "+coworkers.programmer+"<br>");
document.write("designer : "+coworkers.designer+"<br>");

객체의 요소 추가

//방법 1
coworkers.bookkeeper="duru";
document.write("bookkeeper : "+coworkers.bookkeeper+"<br>");

//방법 2
coworkers["data scientist"]="taeho";
document.write("data scientist : "+coworkers["data scientist"]+"<br>");

순회

• 객체
  : key - value 구조
  : key값을 이용해 순회
  
• 배열
  : index값을 이용해 순회

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

/* 결과
programmer
designer
bookkeeper
data scientist
*/

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

/* 결과
egoing
leezche
duru
taeho
*/

프로퍼티와 메소드

• 메소드

coworkers.showAll = function(){
   for(var key in coworkers){
  	 document.write(coworkers[key]+'<br>');
   }
}

coworkers.showAll = function(){
   for(var key in this){
  	 document.write(coworkers[key]+'<br>');
   }
}

• 프로퍼티 : coworkers의 programmer, designer, ...

함수 정의
방법1)

function showAll(){
 
}

방법2)

var showAll = function(){

}

방법3)

객체명.showAll = function(){

}

객체의 활용

var Body = {
  setColor : function(color){
    document.querySelector('body').style.color=color;
  },
  setBackgroundColor : function(color){
    document.querySelector('body').style.backgroundColor=color;
  }
}