Jeden Tag, aufrichtig und lustig.

js 18. object 본문

JavaScript

js 18. object

a-nanas 2022. 7. 4. 15:50

object

 

참조형 데이터타입이다.

대괄호에 데이터를 묶는 array와 달리

중괄호 안에 데이터를 묶는다.

  • property 이름은 중복될 수 없다.

let myObject = {

  key : value

}

 

ex.

let myself = {
 name : 'Coder',
 location : {
  country : 'South Korea',
  city : 'Seoul'
 },
 age : 30,
 cats : ['냥냥', '우유']
}

property : name : 'Coder'

key : name

value : 'Coder'

 

**

객체에는 순서가 없기 때문에

콘솔로 찍었을 때 순서 상관 없이 property들이 찍힌다.

또한 value값에 객체형 데이터, array가 들어갈 수도 있다.

데이터는 쉼표(,)를 통해 구분한다.

 

객체에 property 추가하는 방법

객체이름 . 추가할 key이름 = "value"

 

객체의 property 삭제하는 방법

 

delete 객체이름.key;

 

객체 요소에 접근하는 방법

dot notation

객체이름 . key이름

 

ex.

console.log(myself.name)//Coder

bracket notation

객체이름[ 'key' ]

console.log(myself['name'])//Coder

 

dot notation과 bracket notation 사이에는 차이점이 존재한다.

 

객체 속 객체에 접근하는 방법 (nested object)

  let gloveBoxContents(새변수이름) = myStorage(변수이름).car(속성이름).inside(속성이름)['glove box'(속성이름)]

 

'JavaScript' 카테고리의 다른 글

js 20. const  (0) 2022.07.09
js 19. let  (0) 2022.07.09
js 17. 반복문-for  (0) 2022.06.29
js 16. splice  (0) 2022.06.27
js 15. array  (0) 2022.06.27