TIL_Object(dot-natation, braket-notation)

박성훈·2022년 7월 10일

JavaScript

목록 보기
10/25
post-thumbnail

Object

Dot-natation

.을 통해 접근

객체의 key와 value를 할당하거나, 접근할 때 사용되는 방식 중 하나로 '.'을 통해 접근하는 방식이다.

let obj = {
	firstname = 'steve',
    lastname = 'park'
}

obj.firstname; // 'steve'
obj.lastname; // 'park'

dot-natation을 사용했을 경우, 키값으로 변수를 할당받을 수 없다.

let var = 'firstname'

obj.var; // 에러

Braket-natation

[]을 통해 접근

['keyname'] 형식으로 접근하는 방식이다.

let obj = {
	firstname = 'steve',
    lastname = 'park'
}

obj['firstname']; // 'steve'
obj['lastname']; // 'park'

Braket-notation은 변수를 키값으로 할당받을 수 있다.
단, ''를 빼고 변수명을 입력해야 한다.

let var = 'firstname';

obj[var] ; // 'steve' 
profile
프론트엔드 학습일지

0개의 댓글