Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

자바스크립트 delete 키워드 완벽 이해하기 – 객체 속성 삭제의 원리와 사용법

자바스크립트에서 delete를 사용할 때는 몇 가지 핵심 사항을 반드시 기억해야 합니다.

첫째, delete는 자바스크립트의 예약어(키워드)이기 때문에 임의로 변경하거나 재정의할 수 없습니다. 즉, 개발자가 이 키워드의 동작을 직접 다시 구현하는 것은 불가능합니다.

둘째, delete는 객체의 속성(property)을 삭제하는 용도로만 사용됩니다. 따라서 일반 변수나 함수 선언에 대해서는 delete를 사용할 수 없으며, 이 경우 의도대로 동작하지 않습니다.

delete 키워드의 기본 사용법

delete 키워드는 아래 코드처럼 자바스크립트 객체에서 특정 속성을 제거하는 데 사용됩니다.

예제

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

실행 결과

위 예제에서는 cricketer.rank 속성이 delete로 제거되었기 때문에, 화면에는 다음과 같이 출력됩니다.

John has undefined rank.

즉, 속성이 삭제된 후 해당 속성에 접근하면 값이 존재하지 않으므로 undefined가 반환됩니다. 참고로 delete 연산은 성공 여부를 불리언 값으로 반환하며, 존재하지 않는 속성을 삭제해도 오류가 발생하지 않고 true를 반환한다는 점도 함께 알아두면 유용합니다.