How to remove a property from JavaScript object ?

JavaScript delete keyword is used to delete properties of an object in javaScript. 

Syntax:

delete object.property or
delete object[property]

Note:

• Delete keyword deletes the both value of the property and the property also. After deletion, the property can not be used.
• The delete operator is designed to use on object properties. It can not be used on variables or functions.
• Delete operators should not be used on predefined JavaScript object properties. It can cause problems.

Example 1: This example deletes the address property of an object. 

html

<h1 style="color:green;">
    GeeksforGeeks
</h1>
<p id="demo">the address of person1 is </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>

Output:

Remove a property from JavaScript object

Example 2: This example deletes the age property of an object.

HTML

<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>

Output:

Remove a property from JavaScript object