[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (3) : computed properties

computed properties

접근

noran.name
noran['name']; // computed properties

['name'] 형태로 받아오는 key는 string타입이어야 한다.

key 추가

noran['hasjob'] = true;

---

어떨때 computed properties를 쓰고/쓰지 않을까?

• noran.name 형태는 코딩하는 순간 실시간으로 key에 해당하는 값을 받아오고 싶을 때 쓴다.
• noran['name'] 형태는 runtime에서 결정되는 key (어떤 key를 받아올지 모를 때)일 때 쓴다.

computed properties를 쓰는 상황 예시

function Goodcoder(obj, key) {
	console.log(obj.key);
}
printValue(noran, 'name'); //undefined

위 Goodcoder함수는 함수를 작성할 때는 key에 어떤 형태가 들어갈 지 모른다. 그러므로 computed properties 형태로 사용한다.

function Goodcoder(obj, key) {
	console.log(obj['key']); //computed properties
}
printValue(noran, 'name'); //20

---

출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko