프로퍼티 추가 / 삭제

 

객체의 프로퍼티를 추가와 삭제하는 방법에 대해 예시 코드와 함께 정리해보도록 하겠습니다.

 

 

 

 

아래 예시 코드는 isAdmin 프로퍼티를 추가하는 상황입니다.

const person = {
  name: "SH",
  age: 28,
  hobbies: ["Sports", "Cooking"],
};

person.isAdmin = true;

console.log(person); // {name: 'SH', age: 28, hobbies: Array(2), isAdmin: true} 출력

점 표기법을 이용해 추가할 프로퍼티에 값만 할당해주게 되면 해당 객체에 추가가 됩니다.

 

 

---

 

아래의 예시 코드들은 age 프로퍼티를 삭제하고 싶은 상황입니다.

const person = {
  name: "SH",
  age: 28,
  hobbies: ["Sports", "Cooking"],
};

person.age = null;

console.log(person); // {name: 'SH', age: null, hobbies: Array(2)} 출력

삭제하고 싶은 프로퍼티에 접근하여 null 값을 할당해주었습니다.

 

null 값을 입력하는 것은 지금 당장은 값이 없지만 나중에 다른 값을 설정한다는 의미가 됩니다.

 

즉 프로퍼티가 활성화는 되어있지만 아무 값도 지정되지 않은 상태를 의미하기 때문에 해당 방법은 프로퍼티를 제거하는 완벽한 방법이라고 하기는 어렵고 프로퍼티를 초기화하는 것입니다.

 

delete 키워드

const person = {
  name: "SH",
  age: 28,
  hobbies: ["Sports", "Cooking"],
};

delete person.age; // delete 객체.프로퍼티

console.log(person); // {name: 'SH', hobbies: Array(2)} 출력

delete 키워드를 사용하면 특정 프로퍼티를 삭제할 수 있습니다.

 

delete 키워드는 프로퍼티 자체가 불필요하다는 의미로 제거되는 것이기 때문에 완벽하게 프로퍼티를 제거할 수 있습니다.