달력

8

« 2020/8 »

  •  
  •  
  •  
  •  
  •  
  •  
  • 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 charset="UTF-8">

<title>객체의 프로퍼티 접근하기</title>

<script type="text/javascript">

//객체 리터럴 방식을 통한 foo 객체 생성

var foo = {

name : 'foo',

job : 'programer'

};

  

// 객체 프로퍼티 읽기

document.write(foo.name + "<br>"); // foo

document.write(foo['name'] + "<br>"); // foo

document.write(foo.nickname + "<br>"); // undefined

  

document.write("<br>");

// 객체 프로퍼티 갱신

foo.major = 'teacher';

document.write(foo.major + "<br>"); //teacher

document.write(foo['major'] + "<br>"); //teacher

  

document.write("<br>");

// 객체 프로퍼티 동적 생성

foo.age = 30;

document.write(foo.age + "<br>"); // 30

  

document.write("<br>");

// 대괄호 표기법만을 사용해야 할 경우

foo['full-name'] = 'foo bar';

document.write(foo['full-name'] + "<br>"); // foo bar

document.write(foo.full-name + "<br>"); // NaN

document.write(foo.full + "<br>"); // undefined

document.write(name + "<br>"); //""

  

  

</script>

</head>

<body>

  

</body>

</html>

   

출처: <https://raw.githubusercontent.com/10zeroone/study_javascript/master/WebContent/ch04-function/17.html>

   

   

출력결과

   

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

NaN(Not a Number)  (0) 2014.09.22
02.html-전체 선택자  (0) 2014.09.21
객체의 프로퍼티 접근하기  (0) 2014.09.10
Sencha 라이브러리 설치  (0) 2014.09.04
01.html-객체 생성 2  (0) 2014.09.02
00.jQuery 기본  (0) 2014.08.31
Posted by codedragon codedragon

댓글을 달아 주세요