[JavaScript] Object {key : value} 추가, Object 내에 key 존재여부 확인 방법 - {...} syntax

 

Object를 동적을 관리하는 일이 많아져서 정의하는 방법 외에,

{key : value}의 한 pair를 추가하는 방법에 대해 알아봅니다.

또한, 동적으로 추가된 pair를 사용함에 있어 자칫 추가되지않아 undefined를 볼 수 있기에

Object 내에 key가 존재하는 지를 확인하는 방법에 대해서도 알아봅니다.

1. {key : value} 추가

• key, value 모두 "값"으로 받아 추가되는 경우
  
  key('ADDRESS')와 value('SEOUL') 모두 불특정한 값으로 추가되는 경우

let obj = { NAME : "KIM", AGE : "23"}


obj['ADDRESS'] = "SEOUL";

• 특정 key에 value를 "값"으로 받아 추가되는 경우
  
  고정된 key('ADDRESS')에 유동적인 값 value('SEOUL')으로 추가하는 경우
  이 경우, object를 덧씌우는 동작을 한다.

let obj = { NAME : "KIM", AGE : "23"}

obj = {...obj, ...{ADDRESS : "SEOUL"}};  

2. Object 내에 Key 존재여부 확인

 위에서 설명한대로 추가한 뒤, Object에서 추가한 key에 대한 값을 가져오기전에 확인해주어야합니다.  도입부에 설명한대로, 추가되지 않은 key를 호출하여 undefined를 반환받을 수 있기 때문입니다.

• hasOwnProperty
  : Object에 정의된 내장함수로 boolean값을 반환한다.
  : 'Object객체명'.hasOwnProperty('key');

console.log(obj.hasOwnProperty('ADDRESS'));

• in 키워드 사용
  : 존재여부에 따라 boolean값을 반환한다.
  : 'key' in 'Object객체명'

console.log('ADDRESS' in obj);