객체 생성/사용
var grades = {'A':100, 'B':80, "c":60}; // key:value
alert(grades['A']);
alert(grades.A); // 이 방식이 더 편리
alert(grades['A'+'']); // 그렇지만 이렇게 문자열을 붙여쓰는게 가능
var grades = {}; // var grades = new Object(); 라고 해도 된다.
grades['A'] = 100;
grades['B'] = 80;
grades['C'] = 60;
응용: 반복문
var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
document.write("key : "+key+" value : "+grades[key]+"<br />");
}
응용: 객체 안에 객체
var grades = {
'list': {'A':100, 'B':80, 'C':60},
'show': function() {
alert('hello world');
}
}
alert(grades['list']['A']); // 객체 안에 객체 접근
alert(grades['show']()); // 함수 호출
var grades = {
'list': {'A': 100, 'B': 80, 'C': 60},
'show': function() {
for(var name in this.list) { // this: function가 속해있는 객체를 가리키는 변수
console.log(name, this.list[name]); // ,를 통해 여러개의 값 표현 가능
}
}
}
grades.show(); // 함수 호출
'Javascript > 기초공부' 카테고리의 다른 글
[Javascript: 정규표현식(Regular expression)] 패턴 / 리터럴 / 객체 생성자 / RegExp 객체 사용 / 문자열 메소드 / 옵션 / 캡처 / 치환 (0) | 2020.03.11 |
---|---|
[Javascript: 모듈(Module)] 모듈화 / 라이브러리 (0) | 2020.03.11 |
[Javascript: 배열(Array)] 원소 추가 / 제거 / 정렬 / 반복문 응용 (0) | 2020.03.10 |
[Javascript: 함수(Function)] 다양한 함수 정의 방법 / 익명함수 (0) | 2020.03.10 |
[Javascript: Boolean] true/false로 간주되는 것 (0) | 2020.03.10 |