Javascript 객체(생활코딩)

▶ 객체

document.querySelector('body');

document :  객체 / querySelctor: 메소드

 

객체

 

객체 선언)

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

객체 요소 읽기)

document.write(coworkers.programmer)
document.write(coworkers["programmer"])

 객체에 요소 추가)

coworkers.bookkeeper = "duru";
coworkers["bookkeeper"] = "duru";

 

▶ 객체의 순회

객체에 있는 모든 값들을 가져오는 방법 -> for in

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

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

-> programmer와 designer가 출력됨

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

-> egoing과 leezche가 출력됨

 

▶ 객체의 메소드

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

showAll : 메소드 / programmer, designer... : 프로퍼티

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