Notice
Recent Posts
Recent Comments
Link
«   2025/03   »
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 31
Tags
more
Archives
Today
Total
관리 메뉴

WON.dev

chapter05 : 객체 본문

WEB.JS/06.객체_JS

chapter05 : 객체

GAWON 2023. 5. 19. 17:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var person = {
name : "김씨",
age : 20
};

```
//person 객체의 프로퍼티 순회
//for-in 문 : 객체의 프로퍼티를 추출할 수 있다.
//for(var 변수 in 객체){}

//person 객체의 프로퍼티 순회
//.(마침표)표기법 - for-in 문에서 마침표 표기법을 지원하지 않는다.
for(var p in person){
	document.write("<h1>" + person.p + "</h1>");
}

// [](대괄호) 표기법 -for-in문에서 대괄호 표기법만 지원              (이것만 쓰면된다)
// p는 변수이므로 ""를 사용하지 않는다.
for(var p in person){
	document.write("<h1>" + person[p] + "</h1>");
}

```

</script>
</head>
<body>

</body>
</html>

'WEB.JS > 06.객체_JS' 카테고리의 다른 글

chapter07 : 객체문제  (0) 2023.05.22
chapter06 : 생성자함수  (0) 2023.05.19
chapter04 : 객체  (0) 2023.05.19
chapter03 : 객체  (0) 2023.05.19
chapter02 : 객체  (0) 2023.05.19