코린이의 기록

[ES6] 객체 본문

javascript,HTML,CSS

[ES6] 객체

코린이예요 2019. 6. 14. 11:24
반응형

객체에 중괄호 { } 를 사용하는 리터럴 문법이 있다.

const obj = {};

리터럴? : 프로그램의 코드상에 데이터의 값을 표현하는 방식

객체 리터럴이란 ? 

각 항목들이 키-값(key-value) 쌍 (키:값) 으로되어, . 콤마(,)로 구분되고, . 전체가 중괄호({})로 감싸진 형태

그리고 객체에 프로퍼티가 있는데 이 프로퍼티의 이름은 반드시 문자열 or 심볼이어야 한다. 

 

프로퍼티 접근 방식 2가지 

1. 점기법

프로퍼티 이름에 유효한 식별자를 써야 '멤버 접근 연산자 (.)'를 사용할 수 있다.

2. 괄호기법

프로퍼티 이름에 유효한 식별자가 아닌 이름을 쓴다면 '계산된 멤버 접근 연산자 ([])를 사용해야 한다. 

 (* 유효한 식별자여도 []를 사용해서 접근할 수 있음)

 

obj.color = "yellow"
obj["not defined obj"] = 3

 

 

반응형

'javascript,HTML,CSS' 카테고리의 다른 글

[ES6] 표현식 & 연산자  (0) 2019.06.17
[HTML] 한자 넣기  (0) 2019.06.14
[ES6] 심볼  (0) 2019.06.13
[ES6] 문자열과 이스케이프  (0) 2019.06.13
[ES6] Literal(리터럴), Variable(변수), Constant(상수) 데이터 타입  (0) 2019.06.12
Comments