자바스크립트 객체에서 특정 속성 삭제하기

09 Sep 2023

javascript

자바스크립트에서 객체는 데이터를 그룹화하여 관리하기 위한 유용한 도구입니다. 그러나 때로는 객체에서 특정 속성을 삭제해야 할 때가 있습니다. 이 블로그 포스트에서는 자바스크립트에서 객체에서 특정 속성을 삭제하는 방법을 알아보겠습니다.

객체의 속성 삭제하기

자바스크립트에서 객체의 속성을 삭제하기 위해서는 delete 키워드를 사용합니다. 다음은 delete 키워드를 사용하여 객체에서 속성을 삭제하는 예제입니다.

let obj = {
  name: "John",
  age: 30,
  city: "New York"
};

delete obj.age;

위의 예제에서는 delete 키워드를 사용하여 obj 객체의 age 속성을 삭제했습니다. 이제 obj.age를 호출하면 undefined가 반환됩니다.

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

반복문을 사용하여 여러 속성 삭제하기

여러 개의 속성을 삭제해야 하는 경우 반복문을 사용할 수 있습니다. 예를 들어, 다음은 delete 키워드를 사용하여 obj 객체에서 name과 city 속성을 삭제하는 예제입니다.

let obj = {
  name: "John",
  age: 30,
  city: "New York"
};

let propertiesToDelete = ["name", "city"];

for (let prop of propertiesToDelete) {
  delete obj[prop];
}

console.log(obj); // { age: 30 }

위의 예제에서는 propertiesToDelete 배열에 삭제할 속성들을 저장하고 반복문을 사용하여 각 속성을 삭제했습니다. 이제 obj 객체에는 name과 city 속성이 삭제되었습니다.

주의할 점

자바스크립트 객체의 속성을 삭제할 때 알아두어야 할 몇 가지 주의할 점이 있습니다.

delete 키워드로 속성을 삭제하더라도 객체에는 여전히 속성이 존재합니다. 다만, 삭제한 속성은 undefined로 반환됩니다.
delete 키워드로 삭제한 속성은 객체의 프로토타입 체인에 속성이 있다면 삭제되지 않습니다. 따라서, 객체의 프로토타입 체인을 확인하고 속성을 삭제해야 한다면 반복문을 사용하여 모든 상위 프로토타입 체인을 확인해야 합니다.

결론

이 블로그 포스트에서는 자바스크립트에서 객체에서 특정 속성을 삭제하는 방법을 알아보았습니다. delete 키워드를 사용하여 객체의 속성을 삭제할 수 있으며, 반복문을 사용하여 여러 속성을 삭제할 수도 있습니다. 다만, 주의할 점은 속성을 삭제해도 객체에는 여전히 속성이 존재할 수 있으며, 프로토타입 체인에 속성이 있다면 삭제되지 않는다는 것입니다.