자바스크립트(JavaScript) 기초 - JS 문법 : 객체

< 자바스크립트(JavaScript) 기초 - JS 문법 : 객체 >

1. 객체(Object)

 - 연관된 함수, 속성 등을 모아 놓은 것

 - Method : 객체에 속한 함수

 - Property : 객체에 속한 속성

2. 객체 생성과 사용

 - 객체 생성 ( == 파이썬의 딕셔너리)

var names = {"programmer":"aaa", "designer":"bbb"};

 - 객체 사용(객체명.operator(key) --> key에 대한 value return)

names.programmer --> aaa return

 - 객체 요소 추가

names.worker = "ccc"

 - operator에 띄어쓰기 들어간 경우 indexing 형식 이용하여 객체 요소 추가

names.hard worker = "ccc" ---> xxx

name["hard worker"] = "ddd" ---> ooo

3. 객체를 이용한 반복문 (for, in 구문 사용)

for(var key in names){ ~~~ } --> 해당 key 값을 순차적으로 꺼내서 사용

    key

    names[key]

    document.write(key+' : '+names[key]+'<br>');

4. method 와 property

 - 생성한 객체의 method 추가

names.showAll = function(~~~){~~~this~~~}  --> this 는 names 를 의미함

 - method 실행

names.showAll();

 - property : 객체에 소속된 변수(programmer, designer...)

5. 객체의 활용

 - 함수명과 해당 함수의 JS코드를 각각 Key,Value 값으로 가지는 객체를 생성

 - var objectName = {

함수명1 : JS코드1,

함수명2 : JS코드2,

}

 - '객체명.함수명' 으로 JS코드를 호출해서 실행 가능