[Javascript] 생활코딩 javascript 객체예고(29) - 객체의 활용(33)

생활코딩 javascript 객체예고(29) - 객체의 활용(33)

---

1. 객체

- 관련 있는 함수들을 group하는 수납 상자

ex) var coworkers = { }; //객체 생성

배열	[ ] 사용
객체	{ } 사용

 

2. 객체 쓰기와 읽기

var coworkers = {

        “programmer” : “egoing” // 객체의 프로퍼티: programmer

        “designer” : “leezche” // 객체의 프로퍼티: designer

        } ;

 

document.write(“programmer:”+coworkers.programmer); // programmer : egoing 출력

coworkers.bookkeeper = “duru” ; // 객체 내용 추가

coworkers[“data scientist”] = “ taeho” /* 객체 내용 추가

                                    * 프로퍼티 이름에 띄어쓰기가 있을 때 유용하게 사용 가능*/

document.write(“bookkeeper : “+coworkers.bookkeeper); // bookkeeper : duru 출력

document.write(“data scientist : “ + coworkers[“data scientist”]);

                                                   /* data scientist : taeho 출력*/

</ script>

 

3. 객체와 반복문

<script>

        for (var key in coworkers) {

               document.write(key+’ : ‘+coworkers[key]+’<br>’);

</script>

 

programmer : egoing

designer : leezche

bookkeeper : duru

data scientist : taeho

를 출력한다

 

4. 객체 프로퍼티와 메소드

- 메소드: 객체에 소속된 함수 지정

<script>

        coworkers.showAll = function() {

               for (var key in this){

                       document.write(key+’ : ‘+this[key]+’<br>’);

                       }

        }

coworkers.showAll();

</script>

출력하면 3에서 출력한 결과와 같게 나옴

programmer : egoing

designer : leezche

bookkeeper : duru

data scientist : taeho

 

그런데 마지막 줄에서 for (var key in this) ~~ 명령문이 보이게 되는데 이건 if문으로 제거가 가능함.

* 강의에서 중요하지 않다고 함