본문 바로가기

Javascript

JS 객체(Object) +비구조화 할당(ES6)

객체 Object : 한 변수안에 여러가지 정보 담기위함

객체 안에 속성이 각 3개씩 존재.

name, actor, alias 는 객체의 key

'토니스타크', '로버트다우니주니어', '아이언맨'은 객체의 value

속성값은 문자열, 숫자, 객체, 함수 모두 올 수 있음

 

사용할땐 ironMan.name 이런식으로 .사용 

but, 띄어쓰기가 있을땐 ironMan['n ame'] []을 사용. -> 흔하지 x 

 

object의 비구조화 할당 : 구조가 깔끔하게 보여짐

1번 방식

2번 방식

3번 방식(함수 밖에서도 사용가능)

원래는 왼쪽방식으로 표현했는데 오른쪽으로 비구조 할당 방식으로도 표현 가능

 

객체안에 함수 넣기

cat.say는 정의해주지 않았지만

cat.say = dog.say함으로써

say : function say (){

   console.log(this.sound);

} 가 복사됨! 따라서 say 출력 가능하게 됨.

 

객체의 Getter 와 Setter 함수

Getter 함수 : 특정값을 호출이 아닌 조회를 하고자 할 때 사용  

함수를 만들때 get 사용

Setter 함수 : 특정값을 설정할 때 사용 

함수를 만들때 set 사용 !!value라는 인자 받아와야함 필수!!

Getter 함수 + Setter 함수

 

 

 

객체 가져오는 방법

 

 

 

///

let exam = new Object();

exam["kor"] = 30;    = exam.kor = 30;

exam["eng"] =  70;   = exam.eng = 70;

exam["jap"] = 10;   = exam.jap = 10;

같음. 그러나 꺼내쓸때 용도가 다름

 

let key = "eng"

exam[key] = ? 

이럴땐 이전방법을 사용해서만 값을 꺼낼 수 있음

후가 기본값임