[WEB2] JavaScript : 29.객체

출처 : unsplash

■ 들어가기

- 생활코딩 내 강의를 들으며 정리하는 블로그

- 29.객체예고 : https://youtu.be/6lJEbSYA4B4

- 30.객체 쓰기와 읽기 : https://youtu.be/2j04s1erzTs

- 31.객체와 반복문 : https://youtu.be/GIB8O6R3wko

- 32.객체 프로퍼티와 메소드 : https://youtu.be/mjzx1qbyPwU

 

 

1. 객체

- 서로 연관된 함수와 서로 연관된 변수를 그룹핑하여 사용할 수 있게 한 상태

- 객체 안에 존재하는 함수를 메서드라 부름

[참고] 배열 : 정보를 담기 위해 순서대로 저장

-> 순서대로 정보를 저장하지 않는 것은? 객체이다.

-> 그렇다면 정보를 무작위로 담는가? 아니다. 이름을 부여하고 그 이름으로 정보를 꺼낸다!

 

2. 객체의 문법

- 객체를 만들 때 사용하는 기호(object leteral)는 중괄호({ }) 사용 // 배열은 대괄호([ ])

- 사용법 예시 : 

    <script>
      var coworkers = {
        "programmer" : "egoing",
        "designer" : "leezche"
      } ;

    document.write("programmer: " + coworkers.programmer) ;

    </script>

- 위 코드 coworkers.programmer 에서 점(.) 은 object access operator 라 부르며, coworkers라는 객체(object)에 접근하는 연산자(operator)라는 의미

- 이미 존재하는 객체에 정보(data)를 추가하려면 [ 객체.이름 = 정보 ] 와 같이 작성

  ex. coworkers.bookkeeper = "duru" ;

        document.write("bookkeeper: " + coworkers.bookkeeper) ;

 

3. 반복문

- 객체에서 key(객체 내 지정한 이름)를 가져와 출력 (참고: 배열에서는 key가 아닌 index)

- for ... in 구문 사용 (참고: mzl.la/39O7mC7)

- 사용법 예시 : 

    <script>

      document.write("===== key 값 출력 ===== <br>") ;

      for(var key in coworkers) {

        document.write(key + "<br>") ;
      }
      document.write("===== value 값 출력 ===== <br>") ;
      for(var key in coworkers) {
        document.write(coworkers[key] + "<br>") ;
      }
    </script>

 

4. 객체 : 프로퍼티 & 메서드

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

- 프로퍼티 : 객체에 소속된 변수