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 |
| Sencha 라이브러리 설치 (0) | 2014.09.04 |
| 01.html-객체 생성 2 (0) | 2014.09.02 |
| 00.jQuery 기본 (0) | 2014.08.31 |