[JavaScript] 객체 프로퍼티 접근하는 방법 (마침표와 대괄호)

객체 프로퍼티 접근하는 방법 2가지

1) 마침표 프로퍼티 접근 연산자를 이용 .
ex) data.service

2) 대괄호 프로퍼티 접근 연산자를 이용 []
ex) data['service']

* 대괄호의 경우 프로퍼티 키는 따옴표로 감싼 문자열이여야한다.
* 프로퍼티 키가 숫자로 이뤄진 문자열일 경우 따옴표 생략 가능!

정리하게 된 이유: 프로퍼티 생성 시 조건을 넣고 싶어서

백엔드에서 data를 받아와서 Antd의 Form에 넣을 initialValue를 만들고 있었는데, 숫자로 들어오는 service의 프로퍼티 값을 서비스명칭으로 바꿔줘야 했다. 문제는 service의 값이 0부터 4까지 된다는 것. 삼항연산자에 익숙해져있던 나는 5가지의 숫자를 어떻게 서비스 명칭으로 바꿔줘야 하지?? 멘붕이었다.

switch문을 쓰자 하니 리턴될 객체 안에서 바로 사용할 수 없으니 내가 의도한 대로 동작할 지 의문이었고... 주변 사람에게 물어보니 아래와 같이 접근하라고 했다.

//data.service = 1

const initialValues = () => ({
	...
    payment: data.payment,
 	service: {
              0: "service1",
              1: "service2",
              2: "service3",
              3: "service4",
              4: "service5",
            }[data.service]
    ...
    })

console.log(initialValues.service); //"service2"

아하 이게 되는 구나! 신기했다. 앞으로 많이 써야지~