본문 바로가기

Study Memos/JavaScript Basic

객체 (Section 13)

참고> opentutorials.org/course/743/6491

 

1. JavaScript 의 객체는 다른 언어에서 map, dictionary 와 유사하다.

2. 객체 만드는 법
ex) var grades = {'person1': 10, 'person2': 6};

ex) var grades = {};
grades['person1'] = 10;
grades['person2'] = 6;

ex) var grades = new object();
grades['person1'] = 10;
grades['person2'] = 6;


3. 객체 속성 접근
ex) grades.person1

4. for문과 객체의 사용
ex) for(key in grades) {

    document.write("key: " + key + " value: " + grades[key] + "<br />");

}

 

5. 객체는 중괄호를 사용해서 생성한다.
ex) var grades = {...}

6. 객체는 함수를 내부에 가질 수 있다.
ex)
var grades = {
    'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},
    'show' : function(){

         for(var name in this.list) {

              document.write(naem + " : " + this.list[name] + "<br />");

         }

    }

};

grades.show();

 

위의 'show' 함수에서 this 가 가리키는 대상은 객체 그 자체이다. 즉, 여기서는 grades 이다.

반응형

'Study Memos > JavaScript Basic' 카테고리의 다른 글

UI 와 API 그리고 문서보는 법 (Section 15)  (0) 2020.10.27
모듈 (Section 14)  (0) 2020.10.27
배열 (Section 12)  (0) 2020.10.27
함수 (Section 11)  (0) 2020.10.27
반복문 (Section 10)  (0) 2020.10.27