JavaScript 객체에서 속성을 제거하는 방법: delete 연산자 완벽 가이드

JavaScript에서 객체의 속성(property)을 제거하려면 delete 연산자를 사용합니다. delete 연산자는 해당 속성과 그에 할당된 값을 모두 삭제합니다.

한 번 삭제된 속성은 다시 추가하기 전까지는 사용할 수 없으며, 접근을 시도하면 undefined가 반환됩니다.

delete 연산자 기본 문법

delete object.propertyName;

예제

다음 예제에서는 cricketer 객체에서 points 속성을 삭제하는 과정을 보여줍니다.

<html>
<body>
<p id="demo"></p>
<script>
var cricketer = {
    name: "John",
    rank: 3,
    points: 800
};
delete cricketer.points;
document.getElementById("demo").innerHTML =
cricketer.name + " scored" + ' ' + cricketer.points;
</script>
</body>
</html>

실행 결과

John scored undefined

위 결과에서 볼 수 있듯이, cricketer.points 속성이 delete 연산자로 제거되었기 때문에 undefined가 출력됩니다.

delete 연산자 사용 시 주의사항

반환값: delete 연산자는 삭제 성공 여부를 불리언 값으로 반환합니다. 대부분의 경우 true를 반환하지만, 설정 가능(configurable)하지 않은 속성은 삭제되지 않습니다.
변수에는 사용 불가: var, let, const로 선언된 변수는 delete로 삭제할 수 없습니다. delete는 오직 객체의 속성에만 동작합니다.
성능: 자주 실행되는 코드 경로에서 객체 구조를 변경하면 최적화에 영향을 줄 수 있으므로, 필요한 경우에만 사용하는 것이 좋습니다.