336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
리터럴 문법 이용한 자바스크립트 객체 생성
리터럴 문법을 이용해 자바스크립트 객체를 생성한 후 해당 객체의 프로퍼티를 지정할 수도 있는데, 객체 리터럴은 객체 초기화자(initializer)라고도 한다.
객체 리터럴은 콜론으로 분리된 키-값의 쌍을 콤마로 분리한 목록으로 구성되며, 이것들은 모두 중괄호로 감싼다. 예를 들어, 다음과 같이 빈 자바스크립트 객체를 생성한다.
1
2
3
4
5
6
7
|
<script type="text/javascript">
var object1 = {}; // 빈 객체 생성
object1['name'] = "tom"; // 프로퍼티 추가
console.log(object1['name']); // tom
delete object1['name']; // 프로퍼티 삭제
console.log(object1['name']); // undefined
</script>
|
cs |
아울러 다음과 같이 중첩된 자바스크립트 객체를 생성할 수도 있다.
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script type="text/javascript">
var user = {
name: "tom",
id: 123,
address: {
city: 'San Francisco',
street: '101 street'
},
email: ''
};
console.log(user.name); // tom
console.log(user.address.city); // San Francisco
</script>
|
cs |
'[ Developer ] > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 함수 (0) | 2016.11.28 |
---|---|
[JavaScript] 자바스크립트 생성자 함수와 new 연산자 (0) | 2016.11.16 |
[JavaScript] 자바스크립트 Object() 생성자 이용한 객체 생성 (0) | 2016.11.08 |
[JavaScript] 자바스크립트 논리형 (0) | 2016.10.31 |
[JavaScript] 자바스크립트 숫자 to 문자 형 변환 (0) | 2016.10.06 |