코딩물고기

[J] JavaScript & jQuery 공부하기 #16 본문

코딩물고기의 IT월드

[J] JavaScript & jQuery 공부하기 #16

코딩하는물고기 2019. 4. 4. 17:31
728x90

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

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>

728x90
Comments