[자바스크립트] 객체 키 접근방법의 차이점 (중괄호 vs 마침표)

객체에 접근하는 방법 2가지

1. 중괄호

obj['key']

 

2. 마침표

obj.key

 

👉  예제

const planets = {
  수성: "Mercury",
  금성: "Venus",
  지구: "Earth",
  화성: "Mars",
  목성: "Jupiter",
  토성: "Saturn",
  천왕성: "Uranus",
  해왕성: "Neptune"
};

const name = "지구"

// []로 접근하면 동작한다
console.log(planets[name]);
// Earth

// .으로 접근하면 동작하지 않는다
console.log(planets.name);
// Undefined

// .으로 접근하려면 key값으로 직접 접근해야한다
console.log(planets.지구);
// Earth

 

결론

객체의 key에 직접 접근할때는 중괄호와 마침표 둘다 사용 가능하지만 변수로 접근할때는 중괄호만 사용할 수 있다.