-
[WEB2 JavaScript ] 30.객체 쓰기와 읽기 | 초코더JavaScript/생활코딩 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>
결과 'JavaScript > 생활코딩' 카테고리의 다른 글
[WEB2 JavaScript] 33. 객체의 활용 | 초코더 (0) 2019.11.19 [WEB2 JavaScript] 31. 객체와 반복문, 32. 객체프로퍼티와 메소드 | 초코더 (0) 2019.11.18 [WEB2 JavaScript] 28.함수의 활용 | 초코더 (0) 2019.11.15 [WEB2 JavaScript] 25.함수, 26. 함수 : 매개변수와 인자, 27. 리턴 | 초코더 (0) 2019.11.15 [WEB2 JavaScript] 23.배열과 반복문의 활용 | 초코더 (0) 2019.11.14