객체 리터럴 사용 시, 값이 undifined라고 뜬다면..

우선, 객체 리터럴 방식은 다음과 같이 쓸 수 있습니다.

let human = { 
  name: "kim",
  age: 20,
  call: "010-1111-1234",
  weight: "60kg"
}

 

그리고 객체 리터럴의 속성에 접근하기 위해 다음과 같이 작성할 수 있습니다.

console.log(human.name); // 점 표기법
console.log(human["name"]); // 각괄호 표기법

 

그런데 만약 객체 리터럴 값이 undifined가 떳다면, 다음과 같은 패턴으로 코드를 작성했을 가능성이 있습니다.

let food = {
  ramen: "ramen!",
  kimbab: "kimbab!",
  kimchi: "kimchi!"
}

let foodname = "remen";

console.log(food.foodname); // undifined

혹시, 변수명에다가 Key값을 저장해두고 점 표기법을 사용하지 않았는지 확인해 보세요.

점 표기법은 객체 내부에 있는 Key값 외에 다른 값으로는 속성에 접근할 수 없습니다.

 

하지만 다음과 같은 패턴으로 작성하고 싶다면 각괄호 표기법을  사용해 보세요.

let food = {
  ramen: "ramen!",
  kimbab: "kimbab!",
  kimchi: "kimchi!"
}

let foodname = "remen";

console.log(food.[foodname]); // "ramen!"

각괄호 표기법은 변수명을 사용해서 속성에 접근하는 것이 가능합니다.