Plain object (객체)

개념

---

- 객체 리터럴{}을 이용해서 만들 수 있다.

- var 변수명={key:value, key2:value2, key3:value3, ...}형식으로 작성한다.

- 순서가 중요치 않은 데이터를 다룬다.

- 객체의 value에는 function 데이터 타입도 들어갈수 있다.

 

var mem={num:1, name:"김구라", addr:"노량진"};

var car={
	name:"소나타",
	drive:function(){
	alert("달려요!");
	}
};

 

 

작성방법

---

1.

var mem2={
	num:2,
	name:"해골",
	addr:"행신동"
};

//var mem2={num:2, name:"해골", addr:"행신동"};

 

2. 

 

var mem3={};
mem3.num=3;
mem3.name="원숭이";
mem3.addr="상도동";

//var mem3={num:3, name:"원숭이", addr:"상도동"};

 

이미 만들어져 있는 변수를 참조해서  object 만들기

 

//예시1
var myNum=2;
var myName="해골";
var myAddr="행신동";

var mem2={num:myNum, name:myName, addr:myAddr};

//예시2
var num=3;
var name="원숭이";
var addr="상도동";

var mem3={num:num, name:name, addr:addr};

 

 

 

object 값 수정  및 삭제

---

수정

대입연산자로 수정원하는 값을 참조하여 수정가능

var mem={num:1, name:"김구라", addr:"노량진"};

mem.name="이정호";

//var mem={num:1, name:"이정호", addr:"노량진"};

 

삭제

var mem={num:1, name:"김구라", addr:"노량진"};

delete mem.addr;

//var mem={num:1, name:"김구라"};

 

 

 

 

 

 

 

연습문제

---

 

        var mem={num:1, name:"김구라", addr:"노량진"};

        // 필요에 따라서 아래와 같은 형식으로 plain object를 만들 수도 있다.
        var mem2={
            num:2,
            name:"해골",
            addr:"행신동"
        };

        //빈 plain object를 만들고 나중에 데이터를 저장할 수도 있다.
        var mem3={};
        mem3.num=3;
        mem3.name="원숭이";
        mem3.addr="상도동";

 

문제1. mem3에 name이라는 방에 저장된 데이터를 myFriend라는 변수에 담아보세요

답

var myFriend=mem3.name;

 

 

문제2. mem2에 num이라는 방에 저장된 데이터를 myNum이라는 변수에 담아보세요.

답

var myNum=mem2.num;

 

문제3. myAddr이라는 변수에 mem의 addr 이라는 방에 저장된 데이터를 대입해보세요.

답

var myAddr=mem.addr;

 

문제4. 알림창(alert)에 mem3의 name이라는 방에 저장된 내용을 출력하는 code를 작성해보세요.

답

alert(mem3.name);

 

문제5. 콘솔창에 mem3의 name이라는 방에 저장된 내용을 출력하는 code를 작성해보세요.

답

console.log(mem3.name);