<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<script>
/* 문서의 모든 콘텐츠(images, script, css, etc)가
로드된 후 발생하는 이벤트*/
window.onload = function () {
// 객체 생성 방법1
var cart = {
"apple": 10,
"melon": 5,
"orange": 8
};
// 객체1 출력
console.log('### 객체1 출력');
console.log(cart);
console.log('cart.apple : ' + cart.apple);
console.log('cart.melon : ' + cart.melon);
console.log('cart.orange : ' + cart.orange);
// for in 문을 이용한 객체1 출력
console.log('### for문 객체1 출력');
for (key in cart) {
console.log("key : " + key + ", value : " + cart[key]);
}
// 객체 생성 방법2
var tester = {};
tester.name = 'tester';
tester.age = 20;
// 객체2 출력
console.log('### 객체2 출력');
console.log(tester);
console.log('tester.name : ' + tester.name);
console.log('tester.age : ' + tester.age);
// 객체 생성 방법3
var car = new Object();
car['price'] = 1000;
car['color'] = 'black';
car['model'] = '연습용';
// 객체3 출력
console.log('### 객체3 출력');
console.log(car);
console.log('car.name : ' + car.price);
console.log('car.color : ' + car.color);
console.log('car.model : ' + car.model);
}
</script>
</head>
<body></body>728x90
반응형
'Dev_Study > JavaScript' 카테고리의 다른 글
| [JS] 즉시 실행 함수(Immediately Invoked Function Expression, IIFE) (0) | 2024.12.18 |
|---|---|
| [JS] 0.JavaScript (0) | 2021.06.16 |
| [JS] 배열 ( Array ) (0) | 2021.03.10 |
| HTML DOM 메소드 (0) | 2021.03.04 |
| BOM - Window (0) | 2021.03.04 |