자바스크립트의 객체는
자바의 map과 같이 key - value
// [] : 배열
// {} : 객체
var obj = {
name : "jack",
age : 20,
email : "jack@naver.com"
}; //객체 Literal
console.log(obj);
var obj = {
name : "jack",
age : 20,
email : "jack@naver.com"
};
console.log("이름 : "+obj.name);
console.log("나이 : "+obj.age);
console.log("이메일 : "+obj.email);객체 안에 함수 넣기
var calc = {
plus : function(num1,num2){return num1+num2;}
};
console.log("덧셈 결과 : "+calc.plus(10,20));
//덧셈 결과 : 30객체 안에 배열
var student = {
name : "jack",
age : 20,
email : "jack@naver.com",
score : [80,90,30]
}; //객체 Literal
console.log(student.score[1]);
//90객체 안에 객체 만들기
var student = {
name : "jack",
age : 20,
email : "jack@naver.com",
score : {
grade1 :{ kor :80, eng:50, math:30},
grade2 :{ kor :20, eng:60, math:50},
grade3 :{ kor :30, eng:70, math:60}
} // 이중 객체
};
console.log("3학년 수학점수 : "+student.score.grade3.math);
//3학년 수학점수 : 60예제 - "Javascript" 출력하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var target ={
key : [function(){return "Hello";},function(){return "Javascript";}]
};
console.log((target.key[1])());
</script>
</body>
</html>IIFE
예제 - hotdog 출력하기
var shop = {
listMenu : function(){
return{
beverage:["Ade","Coffee"],
bread:["Muffin","Hotdog"],
icecream:["Strawberry","Chocolate"]
}
}
}
console.log((shop.listMenu)().bread[1]);예제 - 조건에 맞는 객체 만들기
for(var i=0;i<3;i++){
console.log(shop[0].fruit()[i]);
}
var shop =[
{
fruit : function(){return ["orange","mango","apple"]}
}
]
'디지털 컨버전스 > Java Script' 카테고리의 다른 글
| [Javascript] 생성자 방식 객체 생성 (0) | 2020.04.16 |
|---|---|
| [Javascript] JSON (0) | 2020.04.16 |
| [Javascript] 클로저(closure) 예제 (0) | 2020.04.14 |
| [Javascript] 클로저(closure) (0) | 2020.04.14 |
| [Javascript] window.onload (0) | 2020.04.14 |