[JavaScript] 객체의 속성(property) 접근 방법

• . (점) 호출: 변수처럼 직접 이름을 써서 호출한다
• [] (대괄호) 호출: 문자열을 키로 줄 수 있다

var obj = {
  name: 'apple',
  color: 'red'
};

// 점으로 접근
console.log(obj.name);    // 'apple'

// 대괄호로 접근
console.log(obj['name']); // 'apple'

 

 

보통 []는 키를 문자열이나 변수로 넣어야할 때 사용한다

 

1. 속성 이름이 변수로 있을 때

var key = 'color';
console.log(obj[key]);    // 'red'

 

2. 속성 이름에 공백이나 특수문자가 있을 때

var obj2 = {
  'my name': 'banana'
};

console.log(obj2['my name']);  // 'banana'
console.log(obj2.my name);  // 오류남 (띄어쓰기 때문에)