[JS]객체와 반복문

 

지금까지 우리는 배열에서 반복문으로 데이터를 가져왔었다.

그렇다면 객체에서 가져오는 방법은 없을까?

 

 

📍생성된 객체에 모든 데이터 가져오는 방법

*검색: javascript object iteration

- for...in 을 쓰면 된다.

 

 

for(var key in coworkers) {                document.write(key+'<br>') }

-  coworkers라는 객체에 있는 key를 하나하나 꺼내서 중괄호 코드를 실행한다.
-  key값의 예시
   programmer
   designer
   bookkeeper
   scientist

- key  :  가져오고 싶은 정보에 도달할 수 있는 열쇠. 
-  배열:  key라는 표현 안쓰고 순서대로 정리돼있기때문에 index라고 쓴다.

 

 

 

 

coworks에 있는 모든 key값들이 모여서 출력된 모습.

 

 

▼

 

coworkers["data scientist"] = "taeho";

coworkers에 있는 특정한 데이터를 가져올 때 배열의 형식을 사용해서

index가 들어가는 곳에 key값(data scientist)을 넣더니 객체를 가져올 수 있었다. (위에 있는 웹 캡쳐 참고)

그렇다면 이런 코드를 작성해보자

document.write(coworkers[key]+'<br>');

-  

▶결과값:
첫 번째:  programmer
두 번째:  designer
세번 째:  ....
네번 째: ....

-  물론 그 순서는 다를수 있다.(순서를 보장하지 않기 때문)

 

따라서 이런 결과가 나온다.

 

 

 

 

이 점에 착안해서 우리는 또 다른 코드를 만들 수 있다.

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

 

-  위에 있는 것과 똑같은 결과를 얻을 수 있으면서 모든 데이터가 있는지 없는지 확인할 수 있다.