Object 객체
자바스크립트의 모든 객체의 조상역할을 하는 객체이다.
객체들이 가져야 하는 기본적인 속성과 기능이 정의되어 있고 하위 객체들이 활용할 수 있다.
주요 멤버
constructor : 객체 생성자
toString() : 객체의 기본 문자열 표현 확인(보통 오버라이딩하여 사용)
valueOf() : 객체의 기본형 표현
hasOwnProperty(prop) : 지정된 프로퍼티를 갖고 있는가
propertyIsEnumerable(prop) : for … in 명령에 의해서 프로퍼티/메서드를 열거할 수 있는가
isPropertyIf(obj) : 호출한 객체의 프로토타입 여부 확인
toStringtest.html
|
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
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Object객체</title>
</head>
<body>
<pre>
<script type="text/javascript">
var obj = new Object();
document.writeln(obj.toString());
document.writeln(obj.valueOf());
var dat = new Date();
document.writeln(dat.toString());
document.writeln(dat.valueOf());
var ary = ['prototype.js', 'jQuery', 'Yahoo! UI'];
document.writeln(ary.toString());
document.writeln(ary.valueOf());
var num = 10;
document.writeln(num.toString());
document.writeln(num.valueOf());
var reg = /[0-9]{3}-[0-9]{4}/g;
document.writeln(reg.toString());
document.writeln(reg.valueOf());
</script>
</pre>
</body>
</html>
|
cs |
typeof
typeof는 자료형을 판단(객체형은 모두 object타입으로 판단)
constructor는 객체 타입을 판별
constructortest.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Object객체</title>
</head>
<body>
<pre>
<script type="text/javascript">
var data = [];
if(typeof data == 'object' && data.constructor == Array) {
document.writeln('변수data는 Array객체의 인스턴스이다.');
}
</script>
</pre>
</body>
</html>
|
cs |
익명 객체 작성
Object클래스는 임의의 객체를 작성할 때 활용할 수 있다.
임시 데이터를 저장하여 일시적으로 활용하는 경우에 사용함.(클래스 대용)
임시(익명) 객체 생성
var obj = new Object();
obj.name = '테스트';
obj.birth = new Date(2005, 7, 15);
obj.old = 5;
위 정의를 객체 리터럴로 정의 시 다음과 같이 정의 가능
var obj = {name:'테스트', birth: new Date(2005, 7, 15), old:3 };
정의된 obj객체는 다음과 같이 사용가능
document.writeln(obj.name);
'교육자료 > Javascript' 카테고리의 다른 글
| 15-1. 자바스크립트 함수 (0) | 2019.05.09 |
|---|---|
| 14. Global 내장객체 (0) | 2019.05.09 |
| 12. RegExp 객체(정규 표현식) (0) | 2019.05.09 |
| 11. Date 내장객체 (0) | 2019.05.09 |
| 10. Array 내장객체 (0) | 2019.05.09 |