¿Cómo eliminar una propiedad del objeto JavaScript?

La palabra clave delete se usa para eliminar propiedades de un objeto en javaScript .
Sintaxis:

delete object.property or
delete object[property]

Nota:

  • Eliminar palabra clave elimina tanto el valor de la propiedad como la propiedad también. Después de la eliminación, la propiedad no se puede utilizar.
  • El operador Eliminar está diseñado para usarse en las propiedades del objeto. No se puede utilizar en variables o funciones.
  • El operador de eliminación no debe usarse en propiedades de objeto de JavaScript predefinidas. Puede causar problemas.

Ejemplo 1: este ejemplo elimina la propiedad de dirección de un objeto.

<!DOCTYPE html>  
<html>  
    <head> 
        <title></title>
    </head> 
        
    <body style = "text-align:center;">  
        <h1 style = "color:green;" >  
            GeeksForGeeks  
        </h1>
        <p id="demo">the address of person1 is address1</p> 
  
        <button onClick="fun()">click
        </button>
  
        <script>
        function fun(){
          let p = {
            name: "person1",
            age:50,
            address:"address1"
          };
           delete p.address;
           document.getElementById("demo").innerHTML =
           "the address of "+ p.name +" is " + p.address;         
          }
        </script> 
    </body>  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:
    • Ejemplo 2: este ejemplo elimina la propiedad de edad de un objeto.

      <!DOCTYPE html>  
      <html>  
          <head
              <title></title>
          </head
              
          <body style = "text-align:center;">  
          
              <h1 style = "color:green;" >  
                  GeeksForGeeks  
              </h1>
              <p id="demo">person1 is 50 years old.</p
        
              <button onClick="fun()">click
              </button>
        
              <script>
              function fun(){
                let p = {
                  name: "person1",
                  age:50,
                  address:"address1"
                };
        
                delete p.age;
                document.getElementById("demo").innerHTML =
                p.name + " is " + p.age + " years old. ";
      }
              </script
          </body>  
      </html>

      Producción:

      • Antes de hacer clic en el botón:
      • Después de hacer clic en el botón:

    Publicación traducida automáticamente

    Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *