반응형
객체 생성
// 객체 생성 방법 1
var member = {
'info' : {'name': 'MAJG', 'level': 100, 'human': true},
'print' : function() {
for(key in this.info) {
console.log(`key : ${key}, value : ${this.info[key]}\n`);
}
}
};
// 객체 생성 방법 2
var member = {};
member['info'] = {'name': 'MAJG', 'level': 100, 'human': true};
member['print'] = function() {
for(key in this.info) {
console.log(`key : ${key}, value : ${this.info[key]}\n`);
}
};
// 객체 생성 방법 3
var member = new Object();
member['info'] = {'name': 'MAJG', 'level': 100, 'human': true};
member['print'] = function() {
for(key in this.info) {
console.log(`key : ${key}, value : ${this.info[key]}\n`);
}
};
// member 객체 내 함수 실행
member.print();
객체는 위의 예제처럼 여러가지 방법으로 생성할 수 있으며 member 객체에서 name 은 key, MAJG는 value 가 된다.
객체의 value 에는 string, int, float, bool, object, function 등 모든 자료형이 들어갈 수 있다.
객체 접근
var member = {'name': 'MAJG', 'level': 100, 'human': true};
//객체 접근 방법 1
console.log(member['name']); /* MAJG 출력됨 */
//객체 접근 방법 2
console.log(member.name); /* MAJG 출력됨 */
위의 예제와 같은 방식으로 객체의 요소에 접근할 수 있다.
객체 활용
var member = {'name': 'MAJG', 'level': 100, 'human': true};
for(key in member)
{
console.log(`key : ${key}, value : ${member[key]}\n`);
}
위의 예제를 실행하면 아래의 사진과 같은 결과가 출력된다.
반응형
'프로그래밍 > JavaScript' 카테고리의 다른 글
[ES6] JavaScript 문자열 ( string ) (0) | 2020.10.20 |
---|---|
[ES6] JavaScript 스코프 ( scope ) (0) | 2020.10.20 |
JavaScript 클로저 ( Closer ) (0) | 2020.10.07 |
JavaScript 모듈 ( Module ) (0) | 2020.10.06 |
행정구역지도 만들기 (0) | 2020.07.31 |