일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 예비맘
- effect
- 자바스크립트 스타일 가이드
- 영어 회화
- 결혼준비
- event
- 1일 1독서
- 산책
- 설날
- 업무
- javascript
- 청첩장
- HTML
- 신혼생활
- 초코맘
- 출산휴가
- 영어회화
- 신혼
- 가을
- 결혼
- 재택근무
- css
- 달리기
- 1일 1단어
- 1일 1영어회화
- 용산아이파크몰
- 영어공부
- 1일 1패턴
- animation
- 스타일 가이드
- Today
- Total
코딩물고기
[J] JavaScript & jQuery 공부하기 #16 본문
경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.
18. Object
- Object 생성과 속성
* object 객체 : Javascript의 가장 기본이 되는 내장 객체
* object 객체의 생성 방법
< script type="text/javascript">
var object = new Object(값);
</ script>
* object 생성자의 속성
- Object.length : 값은 1
- Object.keys()
* 해당 객체의 키 값들을 반환
< script type="text/javascript">
var array = ['aaa','bbb','ccc','ddd'];
document.write("Object.keys(array) = " + Object.keys(array) + "
");
var object1 = {'name' : 'jenny', 'age' : 22, 'addr' : 'korea'};
document.write("Objct.keys(object1) = " + Object.keys(object1) +
"
");
</ script>
* object.getOwnPropertyNames()
- 객체 자신이 가지고 있는 모든 속성 이름들을 배열로 반환
< script type="text/javascript">
var object1NameArray = Object.getOwnPropertyNames(object1);
document.write(object1NameArray + "
");
</ script>
* object.getOwnPropertyDescriptor()
- 해당 객체의 특정 속성의 기술자들을 반환
< script type="text/javascript">
var object1Descriptor = Object.getOwnPropertyDescriptor(object1, 'name');
</ script>
* Object.is()
- 두 값이 같은지 비교
< script type="text/javascript">
document.write("Object.is('aaa', 'aaa') =" + Object.is('aaa','aaa') + "
");
document.write("Object.is(object1,object2) =" +
Object.is(object1,object2) + "
");
</ script>
* 예제
< script>
var dog = {name : "불독", price : 1000, height : 2, weight : 20};
document.write("dog의 key 값들 = " + Object.keys(dog) + "
");
document.write("
");
document.write("name의 기술자
");
var dogDescriptor = Object.getOwnPropertyDescriptor(dog, 'name');
for(var key in dogDescriptor){
document.write(key + " = " + dogDescriptor[key] + "
");
}
document.write("price의 기술자
");
var dogDescriptor = Object.getOwnPropertyDescriptor(dog, 'price');
for(var key in dogDescriptor){
document.write(key + " = " + dogDescriptor[key] + "
");
}
document.write("height의 기술자
");
var dogDescriptor = Object.getOwnPropertyDescriptor(dog, 'height');
for(var key in dogDescriptor){
document.write(key + " = " + dogDescriptor[key] + "
");
}
document.write("weight의 기술자
");
var dogDescriptor = Object.getOwnPropertyDescriptor(dog, 'height');
for(var key in dogDescriptor){
document.write(key + " = " + dogDescriptor[key] + "
");
}
</ script>
'코딩물고기의 IT월드' 카테고리의 다른 글
[J] JavaScript & jQuery 공부하기 #18 (0) | 2019.04.05 |
---|---|
[J] JavaScript & jQuery 공부하기 #17 (0) | 2019.04.05 |
[J] JavaScript & jQuery 공부하기 #15 (0) | 2019.04.03 |
[J] JavaScript & jQuery 공부하기 #14 (0) | 2019.04.03 |
[J] JavaScript & jQuery 공부하기 #13 (0) | 2019.04.03 |