Javascript 객체의 점 표기법과 괄호 표기법

자바스크립트의 객체에 접근하는 방식은 점 표기법과 괄호 표기법이 있습니다.

1. 점 표기법
   마침표를 사용해서 객체.key으로 표현합니다.

 const User = {
  name: 'Kim',
  age: 28,
  gender: 'Female'
 };

 console.log(User.age); //28

2. 괄호 표기법
   대괄호를 사용하여 객체[key]으로 표기합니다.

const User = {
  name: 'Kim',
  age: 28,
  gender: 'Female'
};

console.log(User['age']); //28

괄호 표기법의 장점은 대괄호 안에 변수를 넣을 수 있다는 점입니다.

const User = {
  name: 'Kim',
  age: 28,
  gender: 'Female'
};

key='name';

console.log(User[key]); //Kim

따라서 변수를 입력할 것이 아니라면 대괄호 안에서 ' 나 "로 감싸 문자열이라는 것을 표시해주어야 합니다.