[JavaScript-26] 객체의 데이터 접근하기

객체를 만들었으면, 그 객체 안의 데이터를 하나씩 꺼내서 출력할 수도 있어야겠죠?

객체 안의 데이터를 접근하는 방법은 크게 두 가지가 있습니다.

 

[1] 점 표기법: 객체이름.key이름

[2] 대괄호 표기법: 객체이름['key이름'] 

 

이렇게 하면, 입력한 key에 해당하는 value를 가져올 수 있습니다. 

코드로 보시죠!

let myCar = {
    brand = 'benz',
    model = 'E300',
    'purchase-year': 2022,
    options = {
        interior: null,
        exterior: 'window'
        }
    }

//객체 접근 - 점 표기법
console.log(myCar.brand) // benz출력
console.log(myCar.model) // E300출력

//객체 접근 - 대괄호 표기법
console.log(myCar['purchase-year']) // 2022출력

//객체 속 객체 접근
console.log(myCar.options.exterior) //window출력
console.log(myCar['options']['exterior']) //window출력

어떠신가요?

코드로 보니 확 이해가 되시죠?

 

여기서 한 가지 사실을 더 알려드릴게요!

점 표기법이랑 대괄호 표기법은 어떤걸 써도 상관이 없고, 완전 같은 기능입니다!

다만, 접근하고자 하는 key의 이름에 띄어쓰기가 있거나, 하이픈이 있다면, 대괄호 표기법만 사용하실 수 있다는 점 기억하기!