객체에 접근하는 두가지 이유_JavaScript

객체에 접근하기

객체.key 마침표(Dot Notation)

var myObj = {
	name: '홍길동',
	age: 30,
	hello: function(){
	return `이름은 ${this.name}이고, 나이는 ${this.age}입니다.`;
	}
};
console.log(myObj.name); // '홍길동'
console.log(myObj.age); // 30
console.log(myObj.hello()); // '이름은 홍길동이고, 나이는 30입니다.'

객체['key'] 대괄호['Bracket Notation']

myObj['name']; // '홍길동'
myObj['age'];  // 30
myObj['hello'](); // '이름은 홍길동이고, 나이는 30입니다.'

*대괄호 방식은 key가 따옴표로 감싸져 있지 않으면 변수로 해석해서 참조한다.

변수를 사용하여 객체에 접근

let key_age = 'age'
myObj[key_age]; // 20

두가지의 차이점
Dot Notation
숫자로 시작하는 키에 접근 할수 없다
띄어쓰기가 포함된 키에는 접근할수 없다
변수가 포함되어 있으면 접근할 수 없다
Bracket Notation
모두 가능