객체 - Property and Method

    <h1>Object</h1>
    <h2>Create</h2>
    <script>
      var coworkers = {
        programmer: "egoing",
        designer: "leezche",
      };
      document.write("programmer: " + coworkers.programmer + "<br>");
      document.write("designer: " + coworkers.designer + "<br>");
      coworkers.bookkeeper = "duru";
      coworkers["data scientist"] = "taeho";

      document.write("bookkeeper: " + coworkers.bookkeeper + "<br>");
      document.write("data scientist: " + coworkers["data scientist"] + "<br>");
    </script>

    <h2>Iterate</h2>
    <script>
      for (var key in coworkers) {
        document.write(key + ":" + coworkers[key] + "<br>");
      }
    </script>

    <h2>Property&Method</h2>
    <script>
      coworkers.showAll = function () {
        for (var key in this) {
          document.write(key + " : " + this[key] + "<br>");
        }
      };
      coworkers.showAll();
    </script>

 

Property: 객체에 포함된 변수.

             이 코드에서는 programmer, designer, bookkeeper, data scientist가 해당

Method: 객체에 포함된 함수.

             이 코드에서는 ShowAll

 

 

 

 

 

showAll 함수도 coworkers에 포함되기 때문에 가장 아랫줄에 나타남.

선생님이 나중에 if문으로 없앨 수도 있다고 하길래 

혼자서 코드를 써봤고 

 

    <h2>Property&Method</h2>
    <script>
      coworkers.showAll = function () {
        for (var key in this) {
          if (key === "showAll") {
            continue;
          }
          document.write(key + " : " + this[key] + "<br>");
        }
      };
      coworkers.showAll();
    </script>

 

 

 

원했던 대로 함수 없이 출력!