JavaScript 자바스크립트 객체명.key로 value에 접근시 key에 '.' (점)이 포함되어 있는 경우

 

 

자바스크립트에서 객체의 키 값으로 밸류에 접근할 때 

객체명.key 방식으로 밸류에 접근할 때

키 값에 '.' (점) 이 포함되어 있는 경우 에러가 발생할 수 있다. (Uncaught SyntaxError: Unexpected token '.')

그래서 보통 키 값으로 '.' (점) 같은 특수기호나 예약어 등 을 사용하지 않는데

키 값으로 '.' (점) 사용 자체가 제한되는 것은 아니며

서버단에서 받아온 객체 형태의 데이터의 키 값에 '.' (점) 이 포함되어 있을 수 도 있어서

이럴 경우 객체명.key 로 value에 접근하려고 하면 에러가 나기 때문에 다른 방법으로 접근해야 한다.

 

 

/* 대괄호를 사용 */

let obj = {
  'this.is.key': 'this is value'
};

console.log(obj['this.is.key']);  // "this is value"

 

 

/* key값을 변수에 담은 뒤 변수명을 사용 */

let obj = {
  'this.is.key': 'this is value'
};

let isKey = 'this.is.key'; // key값을 변수에 할당
console.log(obj[isKey]);  // "this is value"