[생활코딩] JavaScript 왕기초 12장 - Visual Studio Code / 객체 (Object) 데이터 모두 가져오기

이번 글은 아래 강의 영상을 바탕으로 작성된 글입니다.

(생활 코딩)

https://www.youtube.com/watch?v=GIB8O6R3wko&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=31

 

---

 

[ 객체와 반복문 - 객체 안의 모든 값 불러오기 ]

아래 사진은 실행결과 값이다.

 

위의 사진과 같은 결과값을 얻기 위해선 아래 코드와 같이 cafe라는 객체 안에 있는 key값들을 반복적으로 작성해주는 코드를 짜야한다.

<h1>Iterate</h1>
    <script>
        for(var key in cafe) {
            document.write(key + '<br>');
        }
    </script>

 

※ 참고, 객체 만드는 방법에 대한 글은 아래 링크에 작성되어져 있고 이번 글은 아래 글과 이어지는 내용이다.

https://hwangseoyoung.tistory.com/151

[생활코딩] JavaScript 왕기초 11장 - Visual Studio Code / 객체 (Object)

 

 

아래 코드는 위의 for문의 형태이다.

이렇게 작성해주면 해당 변수가 가리키는 객체의 key값들을 가져오는 반복문을 만들 수 있다.

for(var key in 객체명)

 

 

그리고 위와 같이 작성해주게 되면 key값을 가져오게 되지만 만약 value값을 가져오고 싶다면 아래 코드와 같이 작성해주면 된다.

<h1>Iterate</h1>
    <script>
        for(var key in cafe) {
            document.write(cafe[key] + '<br>');
        }
    </script>

 

 

---