const obj = {
	name: "Mike",
	age: 20,
}

✏ “정적으로” 속성의 접근이 확정될때 사용

→ 마침표 표기법 dot notation

obj.name;
console.log(obj.name); //Mike

obj.age;
console.log(obj.age); //20 

✏ “동적으로” 속성에 접근하고 싶을때 사용

→ 대괄호 표기법 bracket notation

function getValue(object, key){
	return object[key];
}
console.log(getValue(obj, "name")); //Mike
console.log(getValue(obj, "age")); //20

• 대괄호 표기법을 사용하는 경우, 키는 반드시 “따옴표”로 감싼 문자열이어야 한다.
• 자바스크립트에서 사용 가능한 이름이 아니면 반드시 대괄호 표기법을 사용해야한다.

✏ 동적으로 추가하고 싶을때

function addKey(object, key, value){
	object[key] = value;
}
addKey(obj, "job", "engineer");
console.log(obj);
//{ name: 'Mike', age: 20, job: 'engineer' }

✏ 동적으로 삭제하고 싶을때

function deleteKey(object, key){
	delete object[key];
}
deleteKey(obj, "job");
console.log(obj);
//{ name: 'Mike', age: 20 }

❌ 객체에 존재하지 않는 프로퍼티에 접근하면, undefined를 반환한다.