빈 객체에 속성 추가- 05.html

CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...

반응형

   

빈 객체에 속성 추가

   

소스 코드

  1. <script type="text/javascript">
  2.         //빈 객체 생성
  3.         var student = {};
  4.          
  5.         //객체에 속성 추가
  6.         student.name = '홍길동';
  7.         student.hobby = '피아노';
  8.         student.specialty = '자바';
  9.         student.willjob = '프로그래머';
  10.          
  11.         //in 키워드를 이용해서 객체내의 속성 존재 여부 체크
  12.         document.write( ('specialty' in student) + '<br>');
  13.         document.write(student.specialty + '<br>');
  14.          
  15.          
  16.         document.write('<br>====================================<br>');
  17.         var output ='';
  18.         for(var key in student){
  19.                 output += key + ' : ' + student[key] + '<br>';
  20.         }
  21.         document.write(output);
  22.          
  23.          
  24.         document.write('<br>====================================<br>');
  25.         //객체 명 출력
  26.         document.write(student + '<br>');
  27.         document.write(student.toString()+ '<br>');
  28. </script>

 

 

 

출력결과

   

 

  1. document.write('<br>====================================<br>');
  2.         //객체의 메소드 추가
  3.         student.toString = function(){  //속성의 명세 호출하기
  4.                 var msg = '';
  5.                 for(var key in this){   //this: 객체 안에서 객체 참조
  6.                         msg += key + ' : ' + this[key] + '<br>';
  7.                 }
  8.                 return msg;
  9.         };
  10.         //출력
  11. document.write(student.toString() + '<br>');

 

   

  1. document.write('<br>====================================<br>');
  2.         //객체의 메소드 추가
  3.         student.toString = function(){  //속성의 명세 호출하기
  4.                 var msg = '';
  5.          
  6.                 for(var key in this){   //this: 객체 안에서 객체 참조
  7.                         if(key!='toString'){
  8.                                 msg += key + ' : ' + this[key] + '<br>';       
  9.                         }
  10.                          
  11.                 }
  12.                 return msg;
  13.         };
  14.         //출력
  15.         document.write(student.toString() + '<br>');

 

   

 

  1. <script type="text/javascript">
  2.         //빈 객체 생성
  3.         var student = {};
  4.          
  5.         //객체에 속성 추가
  6.         student.name = '홍길동';
  7.         student.hobby = '피아노';
  8.         student.specialty = '자바';
  9.         student.willjob = '프로그래머';
  10.          
  11.         //in 키워드를 이용해서 객체내의 속성 존재 여부 체크
  12.         document.write( ('specialty' in student) + '<br>');
  13.         document.write(student.specialty + '<br>');
  14.          
  15.          
  16.         document.write('<br>====================================<br>');
  17.         var output ='';
  18.         for(var key in student){
  19.                 output += key + ' : ' + student[key] + '<br>';
  20.         }
  21.         document.write(output);
  22.          
  23.          
  24.         document.write('<br>====================================<br>');
  25.         //객체 명 출력
  26.         document.write(student + '<br>');
  27.         document.write(student.toString()+ '<br>');
  28. document.write('<br>====================================<br>');
  29.                 //객체의 메소드 추가
  30.                 student.toString = function(){  //속성의 명세 호출하기
  31.                         var msg = '';
  32.                  
  33.                         for(var key in this){   //this: 객체 안에서 객체 참조
  34.                                 if(key!='toString'){
  35.                                         msg += key + ' : ' + this[key] + '<br>';       
  36.                                 }                              
  37.                         }
  38.                         return msg;
  39.                 };
  40.                 //출력
  41.                 document.write(student.toString() + '<br>');
  42.                 document.write('<br>====================================<br>');
  43.                 document.write(student + '<br>');
  44.                  
  45.          
  46. </script>

 

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

속성 제거- 06.html  (0) 2014.11.30
후손 선택자- 08.html  (0) 2014.11.25
객체의 활용- 04.html  (0) 2014.11.19
자식선택자- 07.html  (0) 2014.11.18
javascript file 생성  (0) 2014.10.30

관련글

티스토리툴바