<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<script>
var student={ // 객체선언 객체는 배열과 다르게 인덱스가 존재하지 않는다
이름:'홍길동',
국어:92, 영어:100,
수학:100, 과학:98
};
var output='';
with(student){ //with로 student 객체의 속성을 사용하기 쉽다.
output +='이름: '+이름+ '\n'; //student 객체 중 이름객체의 속성을 output에 넣는다
output +='국어: '+국어+ '\n'; // 이하동문
output +='영어: '+영어+ '\n'; // 이하동문
output +='수학: '+수학+ '\n'; // 이하동문
output +='과학: '+과학+ '\n'; // 이하동문
output +='총점: '+(국어+수학+영어+과학); // 속성을 연산하여 넣을 수 있다.
}
alert(output);
</script>
</BODY>
</HTML>
========================================================================
동적으로 속성 추가
<script>
//변수를 선언한다.
var student={};
//객체에 속성을 추가한다.
student.이름 = '김길동';
student.취미 = '악기';
</script>
==============================================================================
'javascript' 카테고리의 다른 글
| 계산기 만들기 (0) | 2013.11.29 |
|---|---|
| 객체와 배열의 차이 (0) | 2013.11.26 |
| 자바스크립트 (0) | 2013.10.24 |
| <a>문서연결,문서내연결,상자위치 지정,이벤트 처리방식,String객체 (0) | 2013.10.22 |
| # 노드관련 메서드 (insertBefore,replaceChild,removeChild,appendChild) (0) | 2013.10.20 |
