반응형
▶ 객체
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;
}
}
반응형
'온라인 강의 > Javascript(생활코딩)' 카테고리의 다른 글
Javascript 문법 (0) | 2022.08.03 |
---|---|
Javascript 활용(생활코딩) (0) | 2022.08.01 |
Javascript 함수(생활코딩) (0) | 2022.07.31 |
Javascript 제어문(생활코딩) (0) | 2022.07.31 |
웹과 자바스크립트(생활코딩) (0) | 2022.07.29 |