객체

객체 :

중복되지 않는 인덱스를 문자로 가지고 있다.
key와 value로 이루어져 있다.
객체에는 객체를 담을수도 있고, 함수도 담을 수 있다.

 

객체의 생성

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};

key : 'egoing', 'k8805', sorialgi
value : 10, 6, 80

객체의 생성2

var grades = {};
grades['egoing'] = 10;
grades['k8805'] = 6;
grades['sorialgi'] = 80;

 

비어있는 객체로 생성할 수 있고 대괄호('[]')로 객체를 접근할 수 있다.

객체의 생성 3

var grades = new Object();
grades['egoing'] = 10;
grades['k8805'] = 6;
grades['sorialgi'] = 80;

console.log(grades.sorialgi); //객체의 속성에 접근 할수있다.

new Object()를 이용해서 객체를 생성할 수 있다.

객체와 반복문

for... in 문

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
    document.write("key : "+key+" value : "+grades[key]+"<br />");
}
//key :   egoing value : 10
//key :   k8805 value : 6
//key :   sorialgi value : 80

for 문 안에 있는 key에 key값이 할당된다. 이 key 값을 이용하여 grades [key]으로 접근한다.

 

객체지향 프로그래밍

var grades = {
    'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},
    'show' : function(){
        for(var name in this.list){
            document.write(name+':'+this.list[name]+"<br />");
        }
    }
};
grades.show();

객체에는 함수를 담을 수도 있고, 객체도 담을 수 있다.
this를 통해 자신의 객체를 가리켜 객체 안에 있는 객체인 list에 접근할 수 있다.
grades 변수에 서로 연관되어있는 객체 list와 함수 show를 할당하였다. 이것을 객체지향 프로그래밍이라고 한다.

 

출처:https://opentutorials.org/course/743/6491

객체 - 생활코딩