🍟2022-08-04🍟
ex01.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
//let user = new object();
let user = { // 객체 생성
name: 'John', // key : value
age: 30
"likes birds": true // key값 blank
}; // JSON(javascript object notation) 표기법
alert(user.name); // john
alert(user.age); // 30
user.isAdmin = true; // user 확인
//alert(user."likes birds") // 에러
alert(user["likes birds"]); // .도 되고 []도 가능
</script>
</body>
</html>
ex02.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
let fruit = prompt("어떤 과일 좋아해? ", "apple");
let bag = {
[fruit] : 5
}
alert(bag.apple); // 5출력
</script>
</body>
</html>
ex03.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
let user = {
name: "John",
age: 30,
isAdmin: true
};
for (let key in user) {
alert(user[key]); // john 30 true
}
</script>
</body>
</html>
댓글