Javascript 객체(Object) 값 추가, 삭제 및 키 찾기 방법

우리는 앞서 Dot notation과 Bracket notation의 차이와 작성법에 대해 알아 보았다.

 

let user = {
  firstName: 'Steve',
  lastName: 'Lee',
  email: 'steve@abcdefg.com',
  city: 'Seoul'
}

user.firstName === user['firstName']; // true

 

위와 같이 표현할 수 있음을 알 수 있었다.

 

그럼 객체(Object)에 값을 추가, 삭제 및 키를 찾는 방법은 무엇일까?

 

dot notation, bracket notation 를 모두 사용하여 활용해보겠다.

객체 값 추가

let user = {
  firstName: 'deemmun',

}

user['city'] = 'Seoul';
user.age = 100;
user.tags = ['#무병장수', '#도깨비'];

user;
 /*
 {
  firstName: 'deemmun',
  city: 'Seoul',
  age: 100,
  tags: ['#무병장수', '#도깨비']
 }
 */

 

 

객체 값 삭제

let user = {
  firstName: 'deemmun',
  city: 'Seoul',
}

delete user.city;

user;
// {firstName: 'deemmun'}

 

여기서 키(key)인  'city'만 삭제되고 값만 남는 것이라고 생각하면 안된다.

키 (key)는 값에 대한 property 명이라고 생각하면 편리할 것이다. 즉, 키를 활용하여 키와 값을 포함한 속성 자체를 삭제하는 것이다.

 

객체 포함 여부 확인 / 객체 키 찾기

let user = {
  firstName: 'deemmun',
  city: 'Seoul',
}

'firstName' in user; //true;
'city' in user; // true;

 

위와 같이 in 연산자를 통해 해당하는 키를 보유하고 있는 지 확인할 수 있다.