JavaScript의 점 표기법(Dot Notation)에 대해 알아봅니다.
점 표기법이라는 용어 자체에 너무 얽매일 필요는 없습니다. '표기법'이라는 단어 때문에 실제보다 어렵고 복잡하게 느껴질 수 있지만, 점 표기법은 말 그대로 점(.)을 사용해 객체의 값을 읽거나 할당하는 아주 간단한 방식입니다.
예를 들어, dog라는 이름의 객체가 있다고 가정해 보겠습니다.
const dog = {
name: 'Naya',
age: 2
}점 표기법으로 값 읽기
이제 이 객체에서 값을 하나 읽어 보겠습니다. 예를 들어 강아지의 나이를 확인하고 싶다면 다음과 같이 작성합니다.
console.log(dog.age)
// 결과: 2이것이 바로 점 표기법으로 객체에서 값을 읽어오는 방법입니다. 객체 이름 뒤에 점을 찍고 원하는 프로퍼티 이름을 적기만 하면 됩니다.
점 표기법으로 값 할당하기
이번에는 dog 객체에 새로운 값을 할당해 보겠습니다. Naya의 생일이 지나 한 살 더 먹었다고 가정해 봅시다.
// dog 객체에 새로운 나이 값 할당
dog.age = 3
// 이제 console.log(dog.age)를 실행하면 3이 출력됩니다.이처럼 점 표기법을 사용하면 기존 객체의 프로퍼티 값을 손쉽게 수정하거나 할당할 수 있습니다.
점 표기법을 사용할 수 없는 경우
점 표기법은 프로퍼티 이름이 유효한 식별자(영문자, 숫자, 밑줄 등으로 구성된 이름)일 때만 사용할 수 있습니다. 프로퍼티 이름에 공백이나 특수문자가 포함되어 있거나 숫자로 시작하는 경우에는 대괄호 표기법(Bracket Notation)을 사용해야 합니다.
const user = {
'first name': 'Naya'
}
// console.log(user.first name) // 오류 발생
console.log(user['first name']) // 대괄호 표기법 사용 → 'Naya'정리하면, 점 표기법은 JavaScript에서 객체의 프로퍼티에 접근하는 가장 기본적이고 직관적인 문법입니다. 일반적인 상황에서는 점 표기법을 우선적으로 사용하고, 프로퍼티 이름이 식별자 규칙을 따르지 않는 특수한 경우에만 대괄호 표기법으로 전환하면 됩니다.