336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
객체
자바스크립트 객체는 이름이 지정된 값(키-값의 쌍)의 모음을 나타낸다.
보통 객체의 값을 객체의 프로퍼티(property)라고 한다.
자바스크립트 객체의 프로퍼티에는 함수, 배열, 다른 객체를 비롯해 어떤 타입의 데이터도 담을 수 있다.
Object() 생성자를 이용한 자바스크립트 객체 생성
자바스크립트 객체는 Object() 생성자 함수를 호출해 생성할 수 있으며, 객체를 생성하고 나면 점(.) 연산을 이용해 해당 객체에 프로퍼티를 추가하거나 삭제할 수 있다. 다음 예제를 보자.
1
2
3
4
5
6
7
|
<script type="text/javascript">
var object1 = new Object(); // 빈 객체 생성
object1.name = "itinpractice.com"; // 프로퍼티 추가
console.log(object1.name); // itinpractice.com
delete object1.name; // 프로퍼티 삭제
console.log(object1.name); // undefined
</script>
|
cs |
점(.) 대신 대괄호([])로도 자바스크립트 객체의 프로퍼티에 접근할 수 있다. 다음 예제를 보자.
1
2
3
4
5
6
7
|
<script type="text/javascript">
var object1 = new Object(); // 빈 객체 생성
object1['name'] = "itinpractice.com"; // 프로퍼티 추가
console.log(object1['name']); // itinpractice.com
delete object1['name']; // 프로퍼티 삭제
console.log(object1['name']); // undefined
</script>
|
cs |
'[ Developer ] > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 생성자 함수와 new 연산자 (0) | 2016.11.16 |
---|---|
[JavaScript] 자바스크립트 리터럴 문법 이용한 객체 생성 (0) | 2016.11.15 |
[JavaScript] 자바스크립트 논리형 (0) | 2016.10.31 |
[JavaScript] 자바스크립트 숫자 to 문자 형 변환 (0) | 2016.10.06 |
[JavaScript] 자바스크립트 숫자 타입 (0) | 2016.10.04 |