JavaScript 9. 객체 자료형

오늘은 객체에 대해 알아봐요!!!

 

https://ko.javascript.info/object-basics

객체: 기본

해당 링크에 아주 자세한 설명이 나와있어요!

 

객체는 다른 자료형과 다르게 다양한 데이터를 저장할수 있따.

 

객체는 중괄호를 통해 만드는데,

 

let user = {}; 요런식으로 만들면 user라는 객체가 생성된다!  > 요렇게 중괄호를 이용해 객체를 생성하는것을 객체 리터럴이라고 한다!

 

객체를 생성하는 다른 방법은

 

let user = new object();

 

이런식으로도 객체 생성이 가능하다

 

리터럴과 프로퍼티

 

객체의 중괄호 안에는 키:값 쌍으로 구성된 프로퍼티가 들어갑니다!

 

let iflov = {

  name : "iflov"

  age : 28

};

 

css와 비슷하게 생겼다~ 자료형이므로 중괄호 뒤에 세미클론이 붙는구나!

 

콜론을 기준으로 왼쪽에 있는걸 샤이니 만능열쇠 "key" 라고 부르고

오른쪽에 있는걸 값이라고 부른다!

 

이때 프로퍼티 키는 프로퍼티 이름 / 프로퍼티 식별자 라고 부를수 있다

 

 

위에 iflov 객체는 2개의 프로퍼티 name : "iflov" / age : 28 

 

이 존재하는데 점 표기법을 이용한다면 값을 읽는게 가능하다!

 

alert(iflov.name); // iflov

alert(user.age); // 28 

 

이런식으로 객체명 . 프로퍼티 key  하면 읽는거 가능하다!

 

 

객체 안에 프로퍼티를 삭제하고 싶으면

 

delete를 이용 하면 된다

 

iflov 객체에서 name이 프로퍼티 key인 프로퍼티를 삭제하고 싶다면

 

delete iflov.name;  이 동작을 진행하면 해당 키값을 가진 프로퍼티가 삭제가 된다

 

 

 

https://www.youtube.com/watch?v=WHUvtiKy_pg&t=105 

javascript 새로운 문법 ?. / ?? 문법도 있다!