JavaScript | Remove a JSON attribute

23 May, 2019
The task is to remove a JSON attribute from the JSON object. To do so, Here are few of the mostly used techniques discussed.First delete property need to be discussed.
Delete propertyThis keyword deletes a property from an object:This keyword deletes both the value of the property and the property itself.After deletion, the property is not available for use before it is added back again.This operator is created to be used on object properties, not on variables or functions.This operator should not be used on predefined JavaScript object properties. It can crash your application.Syntax:delete object.property or
delete object['property']
Parameters:object: It specifies the name of an object, or an expression evaluating to an object.property: .It specifies the property to delete.Return value:It returns true for all cases and returns false when the property is an own non-configurable property.
This keyword deletes both the value of the property and the property itself.
After deletion, the property is not available for use before it is added back again.
This operator is created to be used on object properties, not on variables or functions.
This operator should not be used on predefined JavaScript object properties. It can crash your application.
Syntax:
delete object.property or
delete object['property']

Parameters:
object: It specifies the name of an object, or an expression evaluating to an object.
property: .It specifies the property to delete.
Return value:It returns true for all cases and returns false when the property is an own non-configurable property.
Example 1: This example deletes the prop_12 from the myObj object via var key by using delete property.
<!DOCTYPE HTML><html>  <head>    <title>        JavaScript | Remove a JSON attribute.    </title></head>  <body style="text-align:center;" id="body">    <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"        style="font-size: 16px; font-weight: bold;">      </p>    <button onclick="gfg_Run()">        Click here    </button>    <p id="GFG_DOWN"       style="color:green;              font-size: 20px;               font-weight: bold;">    </p>    <script>        var el_up = document.getElementById("GFG_UP");        var el_down = document.getElementById("GFG_DOWN");        var myObj = {            'prop_1': {                'prop_11': 'value_11',                'prop_12': 'value_12'            }        };        el_up.innerHTML = JSON.stringify(myObj);          function gfg_Run() {            var key = "prop_12";            delete myObj.prop_1[key];            el_down.innerHTML = JSON.stringify(myObj);        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
Example 2: This example deletes the prop_11 from the myObj object by using delete property.
<!DOCTYPE HTML><html>  <head>    <title>        JavaScript |      Remove a JSON attribute.    </title></head>  <body style="text-align:center;" id="body">    <h1 style="color:green;">              GeeksForGeeks          </h1>    <p id="GFG_UP"        style="font-size: 16px;               font-weight: bold;">      </p>    <button onclick="gfg_Run()">        Click here    </button>    <p id="GFG_DOWN"        style="color:green;               font-size: 20px;               font-weight: bold;">    </p>    <script>        var el_up =             document.getElementById("GFG_UP");        var el_down =             document.getElementById("GFG_DOWN");        var myObj = {            'prop_1': {                'prop_11': 'value_11',                'prop_12': 'value_12'            }        };        el_up.innerHTML = JSON.stringify(myObj);          function gfg_Run() {            delete myObj.prop_1.prop_11;            el_down.innerHTML = JSON.stringify(myObj);        }    </script></body>  </html>
Output:
Before clicking on the button:
After clicking on the button:
JSON
JavaScript
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Remove elements from a JavaScript Array
Difference Between PUT and PATCH Request
Roadmap to Learn JavaScript For Beginners
JavaScript | Promises
How to filter object array based on attributes?
Lodash _.debounce() Method
JavaScript String includes() Method
JavaScript | fetch() Method
Lodash _.groupBy() Method