JavaScript/생활코딩
[WEB2 JavaScript ] 30.객체 쓰기와 읽기 | 초코더
cloud_nice
2019. 11. 18. 16:14
이번 시간은 객체에 대해 알아볼게요.
우선 객체의 기본 사용법에 대해 공부해보겠습니다.
객체를 정의하는 법은 아래의 코드와 같습니다.
var coworkers = {
"programmer" : "egoing",
"designer" : "leezche"
};
document.write("programmer : "+coworkers.programmer+"<br>");
document.write("designer : "+coworkers.designer+"<br>");coworkers라는 객체에
programmer라는 특성을 가진 egoing과
designer라는 특성을 가진 leezche가 선언되었고 출력하였습니다.
그럼 coworkers의 객체에 또 다른 정보를 추가하는 법을 알아볼게요.
coworkers.bookkeeper = "duru";
document.write("bookkeeper : "+coworkers.bookkeeper+"<br>");
아래의 코드는 띄어쓰기가 있는 경우 데이터를 추가하는 법입니다.
coworkers["data scientist"] = "taeho"; //띄어쓰기가 있을경우 괄호안에 이런식으로 나타내면 됨.
document.write("data scientist : "+coworkers["data scientist"]+"<br>");
전체코드입니다.
<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>