객체

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

BELATED ARTICLES

more