일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 웹퍼블리셔
- 슬라이드전환
- PROJECT
- 웹디자인기능사
- 웹디실기
- HTML
- git
- JavaScript
- CSS
- 웹디자인기능사실기
- 비전공자
- 정보처리기사
- jQuery
- JS
- 렛츠기릿자바스크립트
- 깃
- github
- 리액트
- 코드공유
- 실기
- 프론트엔드
- 타입스크립트
- 코딩독학
- 연산자
- web
- Supabase
- 생활코딩
- react
- 세로메뉴바
- 자바스크립트
Archives
- Today
- Total
코딩하는라민
생활코딩 Javascript #13 객체와 반복문 본문
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
반응형
'Core > JavaScript' 카테고리의 다른 글
생활코딩 Javascript #15 객체 활용 (0) | 2022.10.13 |
---|---|
생활코딩 Javascript #14 객체의 메소드와 프로퍼티 (0) | 2022.10.11 |
생활코딩 Javascript #12 객체 쓰기와 읽기 (0) | 2022.10.07 |
생활코딩 Javascript #11 함수 활용 (2) | 2022.10.05 |
생활코딩 Javascript #10 함수 (0) | 2022.10.05 |