객체

객체

데이터를 담아내는 컨테이너. 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pair를 저장할 수 있는 구조이다.

객체의 생성

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

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

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

변수에 객체의 값을 넣어준다.

객체 불러오기

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
alert(grades['sorialgi']); // 80

alert(grades.sorialgi);//80

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

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

html <ul><li> 만들어준후에 위의 자바스크립트를 입력 했을때 li에 해당 결과값이 화면에 나타난다.

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();  
//egoing: 10 k8805: 6, sorialgi: 80
//this -> 약속되어있는 변수
// grades -> list , show  ( 객체지향 프로그래밍 )