객체의 프로퍼티 접근하기

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

객체의 프로퍼티 접근하기

  • 객체 프로퍼티 읽기
  • 객체 프로퍼티 갱신
  • 객체 프로퍼티 동적 생성
  • 대괄호 표기법 사용

   

   

   

전체 소스

<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