자바스크립트 : 객체와 반복문 사용방법 및 예제

728x90

자바스크립트 : 객체와 반복문 사용방법 및 예제

 

 

 

 

객체와 반복문


이번 시간에는 생성된 객체에 어떤 정보가 있는지를
전부다 가져와야하는 상황에 대해 사용하는 반복문을
알아보도록 하겠습니다.

 



앞서 배열에서는 while 반복문으로 값을 모두 꺼내올 수 있었다
객체에서 반복문을 사용하기 위해서는 for in을 쓰면 된다.

 


for( var key in objects ) {
document.write( key + ' : ' + objects[key]);
}

while은 엄밀히는 초기에 i=0으로 그리고 i = i + 1을 반복문 내부에 넣어 i값이 조건 내에서 반복하는 반복문.

for 역시 반복문인데, 반복횟수가 objects의 key 갯수인 반복문이다. 
key는 i처럼 임의로 놓은 변수이며, 다른 변수를 넣어도 동작한다. 
여기서 while과 다르게 i값의 초기값이나 변화를 따로 줄 필요가 없다.

 

배열이 index인 0, 1, 2, 3 ~ 에 값이 매칭되있는 데이터구조라면
객체는 key에 값이 매칭되어 있는 데이터구조라고 볼 수 있다.
그래서 순서는 보장하지 않는다.

 

 

 

 

 

객체와 반복문 코드예제

 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1><a href="index.html">Object</a></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";
      document.write("bookkeeper : " + coworkers.bookkeeper+ "<br>");
      coworkers["Data scientist"] ="mike";
      document.write("data scientist : " + coworkers["Data scientist"]);
    </script>
    <h2>Iterate</h2>
    <script type="text/javascript">
      for(var key in coworkers){
        document.write(key+' : '+coworkers[key]+'<br>')
      }
    </script>
  </body>
</html>

 

 

 

 

 

 

 

이 글을 공유하기

댓글(0)

Designed by JB FACTORY