[TIL]왕초보탈출기#9 객체

BINGBING🐨·2021년 4월 29일
0

Javascript

목록 보기
10/21

객체(Object)

객체는 배열처럼 데이터를 담아내는 그릇이다.
하지만, 객체는 index의 값으로 여러가지 데이터타입을 넣을 수 있다.(숫자, 문자 등)

var grades = {'egoing':10,'k8805:6', 'sorialgi':80} //객체에서의 인덱스는 문자로 쓸 수 있다.

/*grades를 console로 확인하면*/

Object{'egoing':10,'k8805:6', 'sorialgi':80} 

/*객체의 값을 가져오는 여러 방법*/

grades ['egoing'] // 문자열이다.
grades ['ego'+'ing'] //그래서 이렇게 문자열끼리 결합해도 값을 가져올 수 있다.
grades.egoing // 편리하게 불러올 수도 있지만 상황에 따라 여러 방법을 잘 섞어 사용하자.

객체와 반복문의 조우


var grades = {'egoing':10, 'k8805':6, 'sorialgi':80};
for(var name in grades){
    document.write("<li>key : " +name+ "value : " +grades[name]+"</li>" )
}
/* 브라우저에
key : egoingvalue : 10
key : k8805value : 6
key : sorialgivalue : 80
*/ //이렇게 출력된다.

객체지향 프로그래밍

var grades = {'list' : {'egoing':10, 'k8805':6, 'sorialgi':80},
            'show' : function(){
                for(var name in this.list){
                    console.log(name, this.list[name]);
                }; //this는 함수가 소속되어있는 객체를 가리킨다.
            }
        }

//grades가 list/show를 카테고리화 해서 관리한다.
profile
iOS Developer

0개의 댓글