[자바스크립트 JavaScript] 객체에서 데이터 접근하기

객체 내부의 있는 값에 접근하는 방법

// 객체
let ob = {
	name: '오브젝트',
    bornYear: 2023,
    isTrue: true,
    lecture: {
    	title: "자바스크립트",
        language: "JacaScript"
     }
 };

ob 라는 객체가 존재할 때 ob객체에서 데이터를 접근하는 방식에는 2가지가 있다. 

 

 

1. 점 표기법

(objectName.propertyName)

이렇게 객체 이름 다음에 마침표(.)를 찍고 바로 프로퍼티 이름을 입력하는 방식이다.

객체의 데이터를 접근하는데 가장 간단하고 많이 사용되는 방식이다.

✔️ 주의할 점! : 점 표기법에서는 프로퍼티의 띄어쓰기가 허용되지 않는다

 

 

예) ob의 bornYear 프로퍼티 출력하기

console.log(ob.bornYear)

 

 

2. 대괄호 표기법

(objectName.['propertyName'])

이렇게 객체 이름 다음에 대괄호를 열고 그 안에 프로퍼티 이름을 문자열로 작성해주는 방식이다.

점 표기법보다 유연하게 코드를 작성할 수 있다는 장점이 있다. 

 

예)  ob의 bornYear 프로퍼티 출력하기

console.log(ob['bornYear']);

 

객체 안에 객체에 접근하는 방법

(objectName.propertyName.propertyName2...)

마침표(.)를 이용해 객체 안에 객체로 계속 연결하는 방법이 있다. 

마침표 만으로 연결이 불가능하다면 대괄호 표기법을 이용해서 연결해주면 된다.

(적절하게 점 표기법과 대괄호 표기법을 사용하면 ㅇㅋ)