728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//객체(Object) : 사물
//자바에서의 객체생성은 클래스를만들고 클래스를 통해 객체를 만들었음
//자바스크립트에서는 그냥 변수처럼 정의가 가능함
//자바스크립트의 객체는 키(key)와 값(value)로 구성된 프로퍼티들의 집합
var person = {name:"홍길동", age:30};
//객체의 프로퍼티에 접근하는법
//객체명.변수명-> 값
document.write("person.name : ",person.name+"<br>") //person.name : 홍길동
document.write("person.age : ",person.age+"<br>") //person.age : 30
document.write("<br>")
document.write("person[name] : ", person["name"],"<br>") //person[name] : 홍길동
document.write("person[age] : ", person["age"],"<br>") //person[age] : 30
//없는 속성에 값을 넣으면 객체에 추가됨
person.tel = "010-1111-1111"
document.write("person[tel] : ", person["tel"],"<br>") //person[tel] : 010-1111-1111
document.write("<hr>")
//객체에서 속성 삭제하기
delete person.tel
document.write("tel : "+person["tel"]+"<br>") //tel : undefined
//속성이 객체에 속해있는지 확인하는 방법 : in
document.write("name in person : "+("name" in person)) //name in person : true
document.write("<hr>")
//기존의 객체에 새로운 객체를 참조시킬 수 있다
//주소값을 복사해오기 때문에 person의 속성값을 변경하면 같이 바뀜
var person2 = person;
person.age = 40;
document.write("person2.age : "+person2.age) //person2.age : 40
</script>
</head>
<body>
</body>
</html>
728x90
'JavaScript' 카테고리의 다른 글
| [JS] input태그 (0) | 2023.10.10 |
|---|---|
| [JS] 함수 선언과 호출 (0) | 2023.10.09 |
| [JS] 배열 (0) | 2023.10.09 |
| [JS] 보간표현식 (1) | 2023.10.09 |
| [JS] 반복문 (0) | 2023.10.09 |