생활 코딩 29-33. 객체

22.09.16ver.

29. 객체 예고

객체(Object), 상당히 중요하면서 어려운 부분

함수와 객체

• 프로그래밍에서 어려운 부분
• 연관성이 짙다.

객체 : 폴더라고 봐도 무방하다.

 

---

30. 객체 쓰기와 읽기

배열은 순서대로 정보가 저장된다면,

객체는 순서와 무관하게 저장된다. 하지만 마구잡이는 아니다.

객체 : 이름이 있는 정리정돈 상자 라고 생각하자.

<script>
   var coworkers = {
      "programmer" : "yeongtaek",
      "designer" : "A"
   };
   document.write("programmer : "+coworkers.programmer+"<br>");
   document.write("designer : "+coworkers.designer+"<br>");
   coworkers.bookkeeper = "B";
   document.write("bookkeeper : "+coworkers.bookkeeper+"<br>");
   coworkers["data scientist"] = "C";
   document.write("data scientist : "+coworkers["data scientist"]+"<br>");
</script>

 

---

31. 객체와 반복문

반복문 : 생성된 객체의 모든 데이터를 가져와야 할 때 사용하는 것

 

key ≒  index(배열에서)

<script>
   var coworkers = {
      "programmer" : "yeongtaek",
      "designer" : "A"
   };
   document.write("programmer : "+coworkers.programmer+"<br>");
   document.write("designer : "+coworkers.designer+"<br>");
   coworkers.bookkeeper = "B";
   document.write("bookkeeper : "+coworkers.bookkeeper+"<br>");
   coworkers["data scientist"] = "C";
   document.write("data scientist : "+coworkers["data scientist"]+"<br>");
</script>

   <h2>Iterator</h2>
   <script>
      for(var key in coworkers) {
         document.write(key+" : "+coworkers[key]+'<br>'); // 결과는 위의 것과 동일
         document.write(key+'<br>'); // key 가 출력됨
         document.write(key+" : "+coworkers[key]+'<br>'); // key에 배당된 값(객체)이 출력됨
      }
   </script>

여기어의 key는 programmer, designer, bookkeeper, data scientist

 

---

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

객체에는 문자, 숫자를 비롯한 함수도 담을 수 있다.

 

메소드(Method) : 객체에 소속된 함수

프로퍼티(Property) : 객체에 소속된 변수

<script>
   coworkers.showall = function() {      // function showall() {}
      for(var key in coworkers) {
         document.write(coworkers[key]+'<br>');
      }
   } coworkers.showall();
</script>

coworkers -> this 로 해도 같은 값이 출력된다.

위의 var coworkers = {}에서 coworkers 가 바뀌면 적용되지 않는다.

동일하게 적용하기 위해서는 this 로 바꿔주면 된다.

 

---

33. 객체의 활용

보기만 하자. 익숙해지자. 그냥.