객체
2023. 1. 26. 14:56
자바스크립트에서의 객체는 다른 객체지향언어들과 같다.
파이썬이나 자바를 경험해봤다면 사용법만 익히고 바로 사용할 수 있다.
var objectname = {
...
}
변수를 설정하는 것 처럼 이름을 정해주고 중괄호를 통해 이 변수가 객체라는 것을 알려준다.
그런 다음 파이썬의 딕셔너리처럼 키와 그 키에 해당하는 값들을 연결시켜준다.
이 때 각각의 요소들은 컴마(,)기호로 구분해주어야 한다.
var traveler = {
"mora" : 1000000,
"level" : 57
}
객체 내부의 프로퍼티들에 접근하려면 마찬가지로 파이썬의 딕셔너리처럼 사용하면 된다.
document.write(traveler.mora);
document.write(traveler[mora]);
객체에 요소를 추가할 때도 동일하다.
traveler.pet = "paimon";
travler["pet"] = "paimon";
객체의 요소들을 반복해서 가져오려면 파이썬의 for 처럼 사용하면 된다. 대신 for 다음에 괄호를 사용해준다.
for (var key in traveler) {
document.write(key + ' : ' + traveler.key + '<br>');
}
당연하게도 객체의 요소에는 함수도 들어있을 수 있다.
var traveler = {
"mora" : 1000000,
"level" : 57,
showUserinfo() {
for (var key in this) {
document.write(key + ' : ' + this[key] + '<br>')
}
}
}
부스트코스의 강의 내용을 정리한 포스트입니다.
https://www.boostcourse.org/cs124
자바스크립트의 시작
부스트코스 무료 강의
www.boostcourse.org
'공부 > JavaScript' 카테고리의 다른 글
jQuery (0) | 2023.01.27 |
---|---|
자바스크립트 파일 생성 후 연결 (0) | 2023.01.27 |
함수 (0) | 2023.01.26 |
반복문 (0) | 2023.01.12 |
this와 리팩토링 (0) | 2023.01.12 |