코딩하는라민

생활코딩 Javascript #13 객체와 반복문 본문

Core/JavaScript

생활코딩 Javascript #13 객체와 반복문

코딩하는라민 2022. 10. 9. 08:00
728x90
반응형

생활코딩 Javascript #13 객체와 반복문

 

 

30. 객체와 반복문

- 생성된 객체(Object)의 데이터를 모두 가져와야 하는 경우, 반복문 사용했다.

1) 객체 형태

var coworkers = {
       "programmer" : "ramin",
       "designer" : "choi"
};        → key 값( = 배열에서는 index)

- 왼쪽의 programmer, designer 를 key 값이라고 한다.

- 이 key 값은 배열에서는 index 라고 부른다.

- 객체에서는 이 index 를 key 값으로 가져온다.

 

 

2) 반복문을 사용해 모든 데이터 가져오기

 for (var key in 객체이름) { ... }
→ 객체에 있는 key 값들을 가져오는 반복문
→ 즉, 객체에 있는 key 값을 하나하나 꺼내서 중괄호 안의 코드를 실행해줌


document.write( key +'<br>');
→ 문서에 key 값들을 하나하나 꺼내서 전부 불러옴


document.write(coworkers [ key ] +'<br>');
→ [key] 에는 key 값들을 하나하나 꺼내서 전부 불러옴
ex) coworkers[ramin], coworkers[choi], ....

 

- 응용

<script>
    var coworkers = {
        "programmer" : "ramin",
        "designer" : "choi"
    };
    
    coworkers.bookkeeper = "Dana";
    coworkers["data scientist"] = "Udin";
    
    for(var key in coworkers) {
        document.write(key+' : '+coworkers[key]+'<br>');
    }
</script>

결괏값

 

 

 

 

728x90
반응형