<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Object</h1>
<h2>Create</h2>
<script>
var coworkers = {
"programmer":"egoing",
"designer":"leezche"
};
document.write("programmer : "+coworkers.programmer+"<br>");
document.write("designer : "+coworkers.designer+"<br>");
coworkers.bookkeeper = "duru";
document.write("bookkeeper : "+coworkers.bookkeeper+"<br>");
coworkers.["data scientist"] = "taeho";
document.write("data scientist : "+coworkers["data scientist"]+"<br>");
</script>
</body>
</html>
결과값
<body>
<h1>Object</h1>
<h2>Create</h2>
<script>
var coworkers = {
"programmer":"egoing",
"designer":"leezche"
};
document.write("programmer : "+coworkers.programmer+"<br>");
document.write("designer : "+coworkers.designer+"<br>");
coworkers.bookkeeper = "duru";
document.write("bookkeeper :"+coworkers.bookkeeper+"<br>");
coworkers["data scientist"] = "taeho";
document.write("data scientist : "+coworkers["data scientist"]+"<br>")
</script>
<h2>Iterate</h2>
<script>
for(var key in coworkers) {
document.write(key+"<br>")
}
</script> <body>
<h1>Object</h1>
<h2>Create</h2>
<script>
var coworkers = {
"programmer":"egoing",
"designer":"leezche"
};
document.write("programmer : "+coworkers.programmer+"<br>");
document.write("designer : "+coworkers.designer+"<br>");
coworkers.bookkeeper = "duru";
document.write("bookkeeper :"+coworkers.bookkeeper+"<br>");
coworkers["data scientist"] = "taeho";
document.write("data scientist : "+coworkers["data scientist"]+"<br>")
</script>
<h2>Iterate</h2>
<script>
for(var key in coworkers) {
document.write(key+"<br>")
}
</script>
for는 coworkers가 가르키는 객체에 있는 키값들을 가져오는 반복문이다. 여기서 키값은 내가 가져오고 싶은 정보에 도달할수있는 열쇠라고 보면 된다.
결과
여기서
<script>
for(var key in coworkers) {
document.write(key+"<br>")
} 을
<script>
for(var key in coworkers) {
document.write(key+' : ' +coworkers[key] "<br>")
} 으로 바꾸면
'cording > 생활코딩' 카테고리의 다른 글
| [Java Script] 객체프로퍼티와 메소드 (0) | 2022.03.14 |
|---|---|
| [Java Script] 함수의 활용 (0) | 2022.03.12 |
| [Java Script] 함수 return (0) | 2022.03.11 |
| [Java Script] 함수 Parameter, Argument, (0) | 2022.03.10 |
| [Java Script] 배열과 반복문의 활용 (0) | 2022.03.09 |
